gpt4 book ai didi

javascript - JavaScript 中的 createElement 和appendChild

转载 作者:行者123 更新时间:2023-11-28 15:57:35 24 4
gpt4 key购买 nike

我试图找出为什么 createElement 和appendChild 不起作用。我相信我的代码是正确的,所以我不太确定为什么它不起作用......(我使用的是 IE 10)

代码已更新

JavaScript 文件:

var myObj = {

firstName: "John",
lastName: "Smith"
};

HTML 文件:

<!DOCTYPE html />
<html>
<title>The Data Structure</title>
<body>

<script type="text/javascript" src="TheData.js">

var theElement = document.createElement('p');
var theText = document.createTextNode(myObj.firstName);
theElement.appendChild(theText);
document.body.appendChild(theElement);

</script>
</body>
</html>

最佳答案

问题是您script标记上提供src,并在其中提供内容。这是无效的,您可以选择其中之一,而不是两者都做。大多数浏览器将使用 src 并忽略内容。

除此之外,创建元素并不会将其放入 DOM 中。您必须将其添加到某处(通过 appendChildinsertBefore 或类似方式)。

也许:

<script src="TheData.js"></script>
<!-- Note: Two separate script elements -->
<script>
var theElement = document.createElement('p');
var theText = document.createTextNode(myObj.firstName);
theElement.appendChild(theText);
document.body.appendChild(theElement); // <==== Note: Adding `the Element` to the DOM
</script>

关于javascript - JavaScript 中的 createElement 和appendChild,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18156620/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com