如何通过JavaScript在标签里面的第一个标签后面添加一个标签?

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

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

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

<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]); // 插入到第二个子节点之前