replaceChild() 用新节点[可以是文档中某个已存在的节点,也可是新创建的节点]替换某个子节点。
语法:replaceChild(newnode,oldnode)
结果:
Water
Tea
Milk
语法: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