如何通过JavaScript在标签里面的第一个标签后面添加一个标签?
展开阅读全文

比如现在我有这样的一个div

<div>
    <li>一</li>
    <li>二</li>
    <li>三</li>
    <li>四</li>
</div>

我现在需要添加一个li到这个div中,这个li在div中的位置是在第二位,或者第三位怎么实现? 结果：

<div id="myDiv">
    <li>一</li>
    <li>二</li>
    <li>三</li>
    <li>四</li>
</div>

javascript:

var divNode = document.getElementById("myDiv");
var liNode = document.createElement("li");
liNode.innerHTML = 'xxx';
divNode.insertBefore(liNode, divNode.children[1]); // 插入到第二个子节点之前