JavaScript 插入节点insertBefore()

来源：互联网发布：淘宝勾针玩偶编辑：程序博客网时间：2024/05/05 01:03

插入节点insertBefore()

insertBefore() 方法可在已有的子节点前插入一个新的子节点。

语法:
insertBefore(newnode,node);

参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。

实现创建一个新li标签，内容为”php”,并将新创建的li插入到内容为HTML的标签前。

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head><body><ul id="test"><li>JavaScript</li><li>HTML</li></ul> <script type="text/javascript">  var otest = document.getElementById("test");    var node = document.getElementsByTagName("li");  var nodeLi;  for(var i=0; i<node.length; i++)  {    if(node[i].innerHTML==="HTML")    {        nodeLi=node[i];               break;    }  }  var nodeLi1 = document.createElement("li");  nodeLi1.innerHTML="php";  otest.insertBefore(nodeLi1,nodeLi);</script> </body></html>

结果：

.JavaScript.php.HTML

0 0