87,922
社区成员
发帖
与我相关
我的任务
分享初次使用appendChild()的问题
html代码如下：
<body>
<ul>
..........
</ul>
</body>
js代码如下：
var pla=document.createElement("img");
document.getElementsByTagName("body")[0].appendChild(pla);
既然ul刚好是html文档中最后个元素，为什么document.getElementsByTagName("body")[0].appendChild(pla);没用将img标签放在<body>后面，反而效果是img被放在了</body>之前？
求大神指点。
<body>
<ul>
..........
</ul>
</body>
js代码如下：
var pla=document.createElement("img");
document.getElementsByTagName("body")[0].appendChild(pla);
既然ul刚好是html文档中最后个元素，为什么document.getElementsByTagName("body")[0].appendChild(pla);没用将img标签放在<body>后面，反而效果是img被放在了</body>之前？
求大神指点。
...全文
请发表友善的回复…
发表回复
HelloBeane 2017-08-08
- 打赏
- 举报
appendChild方法的规定就是向节点添加最后一个子节点。添加后img就成为最后一个子节点了，想把img放在ul前面用insertBefore[/quote]好的，明白了，谢谢了
java88974 2017-08-08
- 打赏
- 举报
appendChild方法就是添加子节点的啊，既然添加子节点就是放到body标签里啊。
y3832702 2017-08-08
- 打赏
- 举报
appendChild方法的规定就是向节点添加最后一个子节点。添加后img就成为最后一个子节点了，想把img放在ul前面用insertBefore
HelloBeane 2017-08-08
- 打赏
- 举报
我的意思他为什么没放在ul前，页面显示效果再ul后
