出于好奇,它会对网站或页面产生什么影响(如果有的话),而不是使用元素的ID或类,你只需创建自定义元素w/JS并用CSS设置它们的样式？
例如,如果我创建一个元素"容器"并将其用作<container>而不是<div class="container">,是否存在性能差异？
我不认为这经常使用,我想知道为什么？
我正在尝试使用jquery创建元素.当我点击链接时,我想创建一个元素"p",给它一些文本,然后把它放在我的一个div中.此外,我想检查点击了哪个链接,所以我可以将创建的"p"放在右边的div中.我在做错的任何解决方案？
使用Javascript/jQuery的
$(document).ready(function () {
function createElement() {
var a = $("#menu").find('a').each(function(){
if(a == "l1"){
var text = $(document.createElement('p');
$('p').text("Hej");
$("#contentl1").append("text");
}
});
}
$("#menu").find('a').each(function () {
$(this).click(function () {
createElement();
});
});
createElement();
});
HTML
<html>
<head>
<title>Inl1-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style-1.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="Uppg1.js"></script>
</head>
<body>
<ul class="meny" id="menu">
<li><a href="#" id="l1">Utvärdering/Feedback</a></li>
<li><a href="#" id="l2">Kontakt</a></li>
<li><a href="#" id="l3">Öppettider</a></li>
<li><a href="#" id="l4">Om Asperöd</a></li>
</ul>
<div id="contentl1">
</div>
<div id="contentl2">
</div>
<div id="contentl3"> …您是否知道在不添加任何 HTML元素的情况下将此HTML代码优化为IE6或7(或8)的任何方法,或IE是否正在跳过所有HTML5元素？
如果我只想用CSS格式化元素, - 我不想使用其他功能 - document.createElement("nav")DOM元素是否足以创建骗局IE并制作纯HTML文档？
<!DOCTYPE HTML>
<head>
<meta charset="UTF-8">
<title>title</title>
<link type="text/css" rel="stylesheet" href="reset.css">
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body>
<header>code of header</header>
<nav>
code of nav
</nav>
<section>
code of gallery
</section>
<article>
code of article
</article>
<footer>code of footer</footer>
</body>
</html>
谢谢.
更多关于DOM创建元素的信息在IE6,IE7和IE8中使用html5启用脚本» 这里
如何删除附加的脚本,因为它会导致我的应用程序出现问题.
这是我获取脚本的代码
var nowDate = new Date().getTime();
var url = val.redirect_uri + "notify.js?nocache=" + nowDate + "&callback=dummy";
var script = document.createElement('script');
script.src = url;
document.body.appendChild(script);
然后我有一个自动加载功能,导致创建另一个元素脚本.
我想摆脱添加另一个元素之前附加的前一个元素.
这是一个纯粹的好奇心的问题,因为它让我感到困惑.我在Ubuntu 12.04上,我在Firefox 19.0.2和Chromium 25.0.1364.160上试过这个.查看以下两段JavaScript代码(这些是更大代码片段的摘录):
var Div = document.createElement('div');
var limit = 5;
var i = 0;
while (i<limit){
var img = document.createElement('img');
img.setAttribute('src', anImage);
Div.appendChild(img);
i++;
}
return Div;
和
var Div = document.createElement('div');
var limit = 5;
for (i=0; i<limit; i++){
var img = document.createElement('img');
img.setAttribute('src', anImage);
Div.appendChild(img);
}
return Div;
现在'while'循环按预期工作,而'for'循环冻结浏览器.为什么这样做？区别在哪里？
我在Interwebs上找了一个类似的案例,但没有什么能成为完美的答案.这是类似的,但不完全相同.
实际上,第二个让我想到了第一个尝试while循环的想法,但它从未解释过,为什么它会产生影响......
谢谢你的任何澄清:)
我需要在SharePoint 2010中创建导航Web部件.我使用表来显示SharePoint列表中的项目,并且表格的结构如下:
Column1 =要显示的文本(标题)Column2 = URL(TitleLink)
我似乎无法弄清楚如何创建<a href></a>标记并将变量放在appropraite的位置.我不断得到的结果只是<th>标签中的HTML标记.我在谷歌的很多地方搜索过,但还没有找到一个好的答案.
下面是关于使用变量打印表头的工作正常的代码.但是,在该打印文本(theHeaderText)后面我想在其后面添加一个链接,以便当用户点击时,它会转到该链接.
var siteUrl = '/sites/dev/';
var theCounter = 0;
ExecuteOrDelayUntilScriptLoaded(retrieveListItems, "sp.js");
function retrieveListItems() {
var clientContext = new SP.ClientContext(siteUrl);
var oList = clientContext.get_web().get_lists().getByTitle('myList');
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml("<Where><And><IsNotNull><FieldRef Name='Title' /></IsNotNull> <IsNotNull><FieldRef Name='TitleLink' /></IsNotNull></And></Where>");
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
}
function onQuerySucceeded(sender, args)
{
var listItemEnumerator = collListItem.getEnumerator();
while (listItemEnumerator.moveNext())
{
var oListItem = listItemEnumerator.get_current();
//Each column in in the SharePoint List will …我找不到关于此的任何良好信息，我发现的最佳线程是：createElement vs. createElementNS
但是我不明白这样的行：
var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
可以离线工作。字符串是任意的吗？如果您单击该链接，它将带您到无意义的站点。
在Chrome浏览器中尝试离线或在线时都可以使用。但是，当我离线尝试笔记本电脑时，它不起作用。在线连接后，它可以正常工作。所以我假设名称空间缓存在某个地方？我不想清洗镀铬进行测试，但是我可能必须这样做。
想知道是否有什么可以帮助阐明这一点？
所以，我有一个 SVG 元素，它是文本。我想使用 javascript 动态创建更多完全相同类型的 SVG 文本元素。（最好使用某种 for 循环）。一种选择是对值进行硬编码，但我宁愿不这样做。这是我的代码：
var overlapThreshold = "50%";
var name_count = 0;
Draggable.create(".seat_name", {
bounds: "svg",
onDrag: function(e) {
if (this.hitTest("#test1", overlapThreshold)) {
document.getElementById("test1").setAttribute('fill', 'url(#gradRed)');
} else {
document.getElementById("test1").setAttribute('fill', 'url(#gradGreen)');
}
}
});
function change_name(event) {
var name = prompt("Enter a New Name:");
if (name != null && name != "") {
event.target.textContent = name;
}
} <button id="test_button" onclick="create_name_tags()">Test</button> <svg height="1000" width="1000">
<defs>
<lineargradient id="gradGreen" x1="0%" x2="100%" y1="0%" y2="0%">
<stop offset="0%" style="stop-color:rgb(152, 251, 152);stop-opacity:1"></stop> …我正在尝试使用document.createElement('circle')来处理svgs但是Chrome会创建一个结束标记来圈出给定
<circle></circle>
哪个错误的结果.如何创建一个没有结尾的元素？
我需要这样的东西.
<a onclick="SaveNote(this);" >Save</a>
<a href="javascript:void(0);" id="112">Cancel</a>
<a href="javascript:void(0);" id="112">Delete</a>
如果我单击Save锚点,我想删除所有三个锚点元素,如上所示,而不使用任何锚点元素id,并用Edit锚点替换它们.我目前有一些看起来像这样的Javascript代码:
function SaveNote(e){
e.nextSibling.removeNode;
e.nextSibling.removeNode;
e.nextSibling.removeNode;
}
你对这个问题有任何想法吗？
createelement ×10
javascript ×10
html ×4
appendchild ×2
dom ×2
svg ×2
append ×1
css ×1
document ×1
for-loop ×1
html5 ×1
jquery ×1
namespaces ×1
removechild ×1
sharepoint ×1
solution ×1
ubuntu-12.04 ×1
while-loop ×1