html节点替换代码 html之DOM对象replaceChild()方法(子节点替换)功能简介说明

摘要:

下文讲述DOM对象replaceChild()方法功能说明,如下所示:

DOM replaceChild()方法功能说明

DOM replaceChild()方法功能():

使用一个节点替换指定子节点

DOM replaceChild()方法语法:

nodeObject.replaceChild(new_node,old_node)

—–参数说明—–

nodeObject:父节点

new_node:必需,用于替换原节点的新节点信息

old_node:必需,待替换的节点

—–返回值说明—-

当替换成功后,则返回被替换掉的子节点,

当替换不成功返回值是null。

DOM replaceChild()方法注意事项:

此方法兼容市面上所有流行的浏览器

DOM replaceChild()方法举例说明

例:

猫猫教程()

---replaceChild方法举例说明

window.οnlοad=function(){

let btn = document.getElementById("btn");

btn.onclick = function(){

let oContainer=document.getElementById("container");

let oLiList=oContainer.getElementsByTagName("li");

oContainer.replaceChild(oLiList[3],oLiList[1]);

//使用第四个li替换第二个li元素

//替换后第四个节点将消失

}

}

猫猫教程---1猫猫教程---2猫猫教程---3猫猫教程---4

javascript DOM replaceChild节点替换函数举例说明