说起来汗颜，用了很久JS，基础的DOM方法都不熟悉，哎，不说了，努力学习吧。

今天晚上做了个关于insertBefore方法DEMO，功能很简单，页面上有几个P标签，一个下拉列表显示P的个数，然后一个按钮负责在制定P标签前插入一段文字。


DEMO编程思路是这样的，一共3个function:init()负责初始化和事件绑定，getPnum()负责动态获得P标签的个数并填充到下拉列表中，addP()是主要功能实现。
我的代码如下： Code
<script type="text/javascript">
window.onload=init;
function init(){
getPnum();
document.getElementById("addP").onclick=function(){ addP()};
}

function getPnum(){
var Pnum=document.getElementsByTagName("p").length;
for(i=0;i<Pnum;i++)
{
document.getElementById("PNum").options[i]=new Option(i+1,i+1);
}
}

function addP(){
var thePindex=document.getElementById("PNum").selectedIndex;
var allP=document.getElementsByTagName("p");
var insertOB=allP.item(thePindex);
var newP=document.createElement("p");
var newText=document.createTextNode("这是在:" + new Date()+"插入的文本元素!");
newP.appendChild(newText);
document.getElementById("modifiable").insertBefore(newP,insertOB);
}

</script>

经过几次调试，终于实现了功能，也对insertBefor有了深入的了解。

insertBefor的用法：

oElement = object . insertBefore ( oNewNode , oChildNode )
在指定元素前插入元素或者文本，这需要在调用insertBefore的时候传2个参数，第一个参数oNewNode 是要插入的元素，第二个参数oChildNode 是坐标元素，比如有ABCD四个元素，需要将一段文本插入到B的前面，那么参数二就是B。需注意的是这个时候oElement 必须是坐标函数的父级元素！

oChildNode 是个可选参数，如果不填的话，为了保证该JS在火狐下的兼容性，应该传个null进去。

关于insertBefor语句就写这么多了：）