您的位置:首页 > 其它

51. Element replaceChild() 方法

2015-08-07 11:50 302 查看
实例

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

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>


定义和用法

replaceChild() 方法用新节点替换某个子节点。

这个新节点可以是文档中某个已存在的节点,或者您也可创建新的节点
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: