在向DOM添加新元素时遇到问题？
[英]Problems adding a new element to the DOM?
问题描述
尝试向DOM中添加新元素，但根据我的尝试，我会遇到各种错误。
<html>
<head>
<script>
var newElement = document.createElement("pre");
var newText = document.createTextNode("Contents of the element");
newElement.appendChild(newText);
document.getElementsByTag("body").appendChild(newElement);
</script>
</head>
<body>
<p>Welcome</p>
</body>
</html>
4 个解决方案
解决方案1
3 已采纳 2012-05-04 12:23:33
该脚本位于<head>并且您的代码立即运行（它不是延迟的函数调用）。 尝试运行<body>不存在。
将脚本移至</body>之前，或将其移至函数中并调用onload 。
getElementsByTag不是document对象上的方法。 您可能的意思是getElementsByTagName但是它返回一个NodeList，而不是HTMLElementNode。 这就像一个数组。 您需要从中拉出第一个项目，或者更好：
使用document.body
解决方案2
0 2012-05-04 12:26:36
这是您想要的：
<html>
<head>
<script>
var newElement = document.createElement("pre");
var newText = document.createTextNode("Contents of the element");
newElement.appendChild(newText);
document.body.appendChild(newElement);
</script>
</head>
<body>
<p>Welcome</p>
</body>
解决方案3
0 2012-05-04 12:28:25
尝试使用这个新的Fiddle： http ： //jsfiddle.net/pRVAd/1/
<html>
<head>
<script>
function doTheThing() {
var newElement = document.createElement("pre");
var newText = document.createTextNode("Contents of the element");
newElement.appendChild(newText);
document.getElementsByTagName("body")[0].appendChild(newElement);
}
</script>
</head>
<body>
<input type="button" value="Do The Thing" onclick="doTheThing()">
<p>Welcome</p>
</body>
<html>
正确的语法是： document.getElementsByTagName("TagName")[index]
解决方案4
0 2012-05-04 12:33:03
<html>
<head>
<script>
// This function will be executed once that the DOM tree is finalized
// (the page has finished loading)
window.onload = function() {
var newElement = document.createElement("pre");
var newText = document.createTextNode("Contents of the element");
newElement.appendChild(newText);
// You have to use document.body instead of document.getElementsByTag("body")
document.body.appendChild(newElement);
}
</script>
</head>
<body>
<p>Welcome</p>
</body>
</html>
window.onload以及如何 正确使用它 。
在DOM中添加新元素后，该元素无法识别旧脚本
[英]After adding a new element in the DOM, the element does not recognize old script
在setState之后React不会重新渲染/向DOM添加新元素
[英]React not re-rendering / adding new element to DOM after setState
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.