ChildNode - 包含特定于 Node 对象的方法
ChildNode
接口包含特定于 Node
对象的方法,这些对象可以有父对象。
ChildNode
是一个原始接口,不能创建这种类型的对象; 它由 Element
,DocumentType
和 CharacterData
对象实现。
属性
它没有继承,也没有特有的属性。
方法
它没有继承的方法。
ChildNode.remove()
从其父级的子级列表中删除该 ChildNode
。
ChildNode.before()
在该 ChildNode
的父项的子列表中插入一组 Node
或 DOMString
对象,就在该 ChildNode
之前。 DOMString
对象作为等效的 Text
节点插入。
ChildNode.after()
在该 ChildNode
的父项的子列表中插入一组 Node
或 DOMString
对象,就在该 ChildNode
之后。 DOMString
对象作为等效的 Text
节点插入。
ChildNode.replaceWith()
用一组 Node
或 DOMString
对象替换其父级子列表中的 ChildNode
。 DOMString
对象作为等效的 Text
节点插入。
规范
规范 | 状态 | 备注 |
---|---|---|
DOM ChildNode 的定义 |
现行的标准 | 拆分 ParentNode 和 ChildNode 中的 ElementTraversal 接口。现在,后者定义了 previousElementSibling 和 nextElementSibling 。 CharacterData 和 DocumentType 实现了新接口。添加了 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 | 不支持 |
相关链接
-
ParentNode
纯接口。 - 实现该纯接口的对象类型:
CharacterData
,Element
和DocumentType
。