dom文档节点操作-替换replaceChild()

replaceChild()用新节点[可以是文档中某个已存在的节点，也可是新创建的节点]替换某个子节点。

语法：replaceChild(newnode,oldnode)

<ul id="myList"> 
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ul>
<button onclick="myFunction()">替换</button>

function myFunction()
{
   var textnode=document.createTextNode("Water");//创建文本节点
   var item=document.getElementById("myList").childNodes[0];//找到父节点
   //父节点的角度调用replaceChild(新,旧)方法进行替换
   item.replaceChild(textnode,item.childNodes[0]);
}

结果：

Water

Tea

Milk