ChildNode - 包含特定于 Node 对象的方法

ChildNode 接口包含特定于 Node 对象的方法,这些对象可以有父对象。

ChildNode 是一个原始接口,不能创建这种类型的对象; 它由 ElementDocumentTypeCharacterData 对象实现。

属性

它没有继承,也没有特有的属性。

方法

它没有继承的方法。

ChildNode.remove()

从其父级的子级列表中删除该 ChildNode

ChildNode.before()

在该 ChildNode 的父项的子列表中插入一组 NodeDOMString 对象,就在该 ChildNode 之前。 DOMString 对象作为等效的 Text 节点插入。

ChildNode.after()

在该 ChildNode 的父项的子列表中插入一组 NodeDOMString 对象,就在该 ChildNode 之后。 DOMString 对象作为等效的 Text 节点插入。

ChildNode.replaceWith()

用一组 NodeDOMString 对象替换其父级子列表中的 ChildNodeDOMString 对象作为等效的 Text 节点插入。

规范

规范 状态 备注
DOM
ChildNode 的定义
现行的标准 拆分 ParentNodeChildNode 中的 ElementTraversal 接口。现在,后者定义了 previousElementSiblingnextElementSiblingCharacterDataDocumentType 实现了新接口。添加了 remove(),before(),after() 和 replaceWith() 方法。
Element Traversal Specification
ElementTraversal 的定义
已过时 将其属性的初始定义添加到 ElementTraversal 纯接口并在 Element 上使用它。

Polyfill

在 github 上的外部链接:childNode.js

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 1 支持 23 9 10 4
after 54 17 49 不支持 39 不支持
before 54 17 49 不支持 39 不支持
remove 23 12 23 不支持 10 7
replaceWith 54 17 49 不支持 39 不支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 23 未知 10 支持
after 54 54 不支持 49 未知 39 不支持
before 54 54 不支持 49 未知 39 不支持
remove 支持 支持 支持 23 未知 10 7
replaceWith 54 54 不支持 49 未知 39 不支持

相关链接