是否有更有效的方法来编写以下appendChild/nesting代码？
var sasDom, sasDomHider;
var d = document;
var docBody = d.getElementsByTagName("body")[0];
var newNode = d.createElement('span');
var secondNode = d.createElement('span');
// Hider dom
newNode.setAttribute("id", "sasHider");
docBody.appendChild(newNode);
sasDomHider = d.getElementById("sasHider");
// Copyier dom
secondNode.setAttribute("id", "sasText");
sasDomHider.appendChild(secondNode);
sasDom = d.getElementById("sasText");
我正在尝试使用dom在页面<base>的开始<head>标记之后立即插入HTML 标记.我尝试过使用appendChild哪个只是在它之前插入它</head>是不好的.
代码即时使用:
$head = $dom->getElementsByTagName('head')->item(0);
$base = $dom->createElement('base');
$base->setAttribute('href', $url);
$head->parentNode->insertBefore($base, $head);
这会在<base>之前插入标签<head>,这仍然不好!
有任何想法吗？啤酒的正确答案!
var loc=window.location.href,width="500px",height="450px";
var a=document.createElement("div");
a.id="xyz";
a.style.position="fixed";
a.style.width="500px";
a.style.height="450px";
a.style.top="0px";
a.style.right="0px";
$('body').appendChild(a);
a.innerHTML='<iframe id="submit" width="500px" height="450px" src="http://abc.html"><iframe>';
此代码提供错误表达式'$('body')的结果.appendChild'[undefined]不是函数.
请帮助我,因为我无法弄清楚为什么这个错误正在蔓延
我想改变以下Java脚本以提高效率
for(var i = 0; i < 1000; i += 1){
var el = document.createElement('div');
el.appendChild(document.createTextNode('Node ' + (i + 1)));
document.getElementById('nodeHolder').appendChild(el);
}
理想情况下,如果可以提供背后的原因,将不胜感激.
任何想法都将非常感激.
我试图从HTML文本区域抓取文本,并在按下"提交"按钮时调用create()方法.该方法尝试使用来自文本区域的消息,并使用类将其发布到其自己的p标记,并在其自己的p标记和其自己的类中发布日期戳.
这些都将在div'评论'中.我得到的错误(使用Chrome中的开发者工具)是
未捕获的TypeError:无法调用null的方法'appendChild'.
这是针对"cmt.appendChild(divTag);".我对Javascript很新,这只是为了提高我的技能.非常感谢所有帮助!
var cmt = document.getElementById('comments');
function create() {
var username = 'User',
message = document.getElementById("textBox").value,
divTag = document.createElement('div'),
p1 = document.createElement('p'),
p2 = document.createElement('p');
divTag.className = 'comment';
p1.className = 'date';
p1.innerHTML = new Date();
divTag.appendChild(p1);
p2.className = 'message';
p2.innerHTML = username + ': ' +message;
divTag.appendChild(p2);
cmt.appendChild(divTag);
}
我用Google搜索了很多关于创建多个项目的内容appendChild,但我不了解它是如何工作的.我appendChild只是替换而不是添加许多.
var startGame;
var cards = 16;
var newDeck = [];
startGame = function(){
var startBtn = document.getElementById('start');
var board = document.getElementById('game-board');
var backside = document.createElement("div");
backside.className = 'card';
startBtn.onclick = function(){
removeButton = document.getElementById("start");
removeButton.parentNode.removeChild(removeButton);
for(var i = 0; i < cards; i++){
board.appendChild(backside);
}
};
};
我也读过你可以这样做innerHTML,但这让我感到困惑.有没有人对如何使这项工作有更详细的解释？
我正在尝试使用 javascript 将路径元素附加到某些内联 svg，但收到错误：“Uncaught NotFoundError：尝试在不存在的上下文中引用节点”任何人都可以解释为什么这个 javascript无法使用我的 HTML？
<body>
<svg height='500' width='500'></svg>
<script>
var svg = document.getElementsByTagName("svg")[0];
var pathElement = svg.appendChild("path");
</script>
</body>
我有这样的HTML代码:
<div id="content">
<div class="foobar"></div>
</div>
我想在元素div#content之前追加子元素div.foobar.怎么办？
我正在尝试使用 JavaScript 将元素添加到 DOM。我有一个ul，我想添加一个li。使用起来并不困难appendChild，但我希望我的li更复杂。
这是我想要实现的输出：
<li>
<span class="author">Me</span>
<span class="message">Message...</span>
<span class="time">
<div class="line"></div>
15:21
</span>
</li>
let author = "me";
let message = "Message...";
let time = "15:21";
正如您所看到的，我想要实现的不仅仅是li一些基本文本（innerHTML），而是相当大的 HTML 代码块。
我的问题是如何使用 JavaScript 获得此输出。或者我应该使用一些 JavaScript 库或其他东西来使它更容易？
我正在尝试在Javascript中使用appendChild来创建具有onClick属性的链接.我似乎无法使它工作或找到如何做这个简单的任务.
var link=document.createElement("a");
link.appendChild(document.createTextNode("Link"));
link.href = '#';
link.onclick = 'loadScript()';
document.body.appendChild(link);
appendchild ×10
javascript ×8
append ×2
dom ×2
html ×2
jquery ×1
parent-child ×1
php ×1
setattribute ×1
svg ×1