JavaScript：appendChild附加div不起作用

Question

我希望能够动态地向我的页面添加div元素。在寻找相关信息时，我发现了一些示例代码，其中包括Stackoverflow上的这段代码：

var main = document.getElementById('MasterContainer'); //manually defined div with this id 
var div = document.createElement('div');
div.setAttribute("id","container1");
main.appendChild(div);

注意：它在document.ready函数内部。

结果不包含container1 div。

- user1229351

---

你能否确认一下，在你的HTML文件中是否有MasterContainer的div元素？鉴于你将问题标记为Javascript，我猜你可能没有在页面中添加jQuery文件。请问是这样吗？ - Khadim Ali

代码没问题，在其中加入 console.log() 确保它被调用。http://jsfiddle.net/Rv93C/ ... 或许还需要发布更多的代码/HTML。 - Dom Day

是的，Dom Day 是正确的，他的小提琴证明了这一点。那么我的问题就是，你是如何检查是否添加了 div 的？如果你的测试浏览器有检查器（右键点击，“检查元素”），看看它是否显示了它，因为听起来你可能正在查看源代码，我相信在大多数浏览器中会显示未修改的 HTML。 - ericjbasti

啊，你说得对，我用 Chrome 浏览器查看源代码，正如你所说的，显示未修改的 HTML 源代码。 - user1229351

Answer 1

代码应该是没问题的，请检查页面上是否有id为#MasterContainer的元素，并且名称是否正确地写入了。

- Lwyrn

---

我已经检查了多次，事实是如果没有MasterContainer，appendChild将会返回一个错误，但是现在没有错误。 - user1229351

@user1229351 尝试打开 Chrome 调试控制台（F12），并输入 " document.getElementById('MasterContainer'); "。看看会输出什么。 - Lwyrn