51. Element replaceChild() 方法

最新推荐文章于 2022-10-12 08:49:10 发布

enlyhua

最新推荐文章于 2022-10-12 08:49:10 发布

阅读量691

点赞数

实例

用一个新项目替换列表中的某个项目：

document.getElementById("myList").replaceChild(newnode,oldnode);

替换之前：

Coffee
Tea
Milk

替换之后：

Water
Tea
Milk

<body>

<ul id="myList"><li>Coffee</li><li>Tea</li><li>Milk</li></ul>

<p id="demo">点击按钮来替换列表中的首个项目。</p>

<button onclick="myFunction()">试一下</button>

<script>
function myFunction()
{
var textnode=document.createTextNode("Water");
var item=document.getElementById("myList").childNodes[0];
item.replaceChild(textnode,item.childNodes[0]);
}
</script>

</body>