如何将Child追加为第三个孩子

Question

我想在指定节点之后添加一个新的子节点，作为第三个子节点。

<ul id="menu">
    <li>one</li>
    <li>tow</li>
    <li>three</li>
    <li>four</li>
</ul>

<script>
var li = document.createElement("li");
document.getElementById("menu").appendChild(li);
var sometext = document.createTextNode("third one");
li.appendChild(sometext); 
</script>

Answer 1

insertBefore如果您想在容器末尾之前的任意位置添加节点，请使用该节点。

parentElement.insertBefore(newNode, currentThirdNode);