javascript - appendChild 不会将节点添加到子级列表的末尾

Question

根据文档https://developer.mozilla.org/en-US/docs/DOM/Node.appendChild 、appendChild 将一个节点添加到指定父节点的子节点列表的末尾。

但是，我的示例显示它将子项添加到子项列表的顶部。

怎么样？知道为什么它会发生在文档中吗？

根据文档，这些代码应该将一个新的 div 元素添加到 targetArea 节点的末尾，而不是添加到节点的顶部。

var targetArea = document.getElementById('nav');
var div = document.createElement('div');
var snippet = document.createTextNode('this is a new DIV');
div.appendChild(snippet);
targetArea.appendChild(div);

我的在线代码: http://jsfiddle.net/dennisboys/BRtYb/6/

Answer 1

似乎是因为你输入了 <div>在<p>和 <div>将关闭<p> .

另请参阅此问题。 Putting <div> inside <p> is adding an extra <p>