js中两种插入节点的方法

 appendChild()方法

<ul id="test">
  <li>JavaScript</li>
  <li>HTML</li>
</ul> 
 
<script type="text/javascript">

  var otest = document.getElementById("test");  
  var newnode=document.createElement("li");
  newnode.innerHTML="PHP";
  otest.appendChild(newnode);  
          
</script> 

insertBefore()方法

<ul id="test"><li>JavaScript</li><li id="1">HTML</li></ul> 
 
<script type="text/javascript">

  var otest = document.getElementById("test");  
  var node=document.getElementById("1");
  var newnode=document.createElement("li");
  newnode.innerHTML="php";
  otest.insertBefore(newnode,node);
  
  
  
</script> 

猜你喜欢

转载自blog.csdn.net/MimosaX/article/details/86746831