javascript - 如何将节点 append 到js中的首选位置

Question

我有一个 HTML 格式的有序列表。

<ol class="btns">
  <li>First item</li>
  <li>Second item</li>
  <!--Third one goes here-->
  <li>Four item</li>
</ol>

我想用 js 添加一个新的列表项到三阶。我该怎么做？

这是演示:http://jsbin.com/akahow/2/edit

更多信息:appendChild 将新项目添加到列表末尾，我尝试了 insertBefore 但失败了，只有我可以使用 insertBefore 将其添加到第一位。但我想把它放在第三位。

Answer 1

http://jsfiddle.net/k6xVc/

var paragraph = document.createElement("li");
var textNode = document.createTextNode("Third item");
paragraph.appendChild(textNode);
var list=document.getElementById("jack");
list.insertBefore(paragraph,list.childNodes[4]);​

HTML:

<ol class="btns" id="jack">
  <li>First item</li>
  <li>Second item</li>
  <!--Third one goes here-->
  <li>Four item</li>
</ol>