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()方法举例说明

例:

猫猫教程(www.maomao365.com)

---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节点替换函数举例说明

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

html 删除一个属性值,html之DOM对象removeAttribute()方法(删除节点属性)功能简介说明...
摘要: 下文讲述DOM对象removeAttribute()方法功能说明,如下所示: DOM removeAttribute()方法功能说明 DOM removeAttribute()方法功能(): ...
javascript原生事件句柄、BOM、DOM对象属性方法总结
javascript原生事件句柄.BOM.DOM对象属性方法总结 JS事件句柄事件句柄类型说明 onabort 事件句柄图像加载被中断 onblur 事件句柄元素失去焦点 onfocus 事 ...
oracle domnode释放,html DOM对象之方法cloneNode()的简介说明
摘要: 下文讲述DOM对象之方法cloneNode()的功能简介说明,如下所示: DOM cloneNode()方法简介 cloneNode()方法的功能: 将DOM选中的一个节点进行复制操作将根据 ...
DOM 对象的方法和属性
一些常用的 HTML DOM 属性: innerHTML - 节点(元素)的文本值 parentNode - 节点(元素)的父节点 childNodes - 节点(元素)的子节点 attributes ...
JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
JS获取子节点、父节点和兄弟节点的方法
一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...
html 增加兄弟节点,html 子节点、父节点、兄弟节点获取
一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...
JS获取子节点、父节点和兄弟节点的若干种方式
一.js获取子节点的方式 1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要按 ...
7.DOM（六）①创建create#插入appendChild(子元素)#替换insert，replace#删除DOM对象节点②复制节点.深复制,浅复制cloneNode⑥取消超链接a默认跳转行为
目录一:创建一个新的DOM节点: 1.麻烦的方法 ①document.createElement()创建一个新的元素 ②把元素加入到list里面 ③创建一个文本节点(就是li里面的文字) ④在new ...

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

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

最新文章

热门文章