ParentNode 接口,ChildNode 接口
节点对象除了继承 Node 接口以外,还会继承其他接口。
ParentNode 接口
表示当前节点是一个父节点,提供一些处理子节点的方法。
ChildNode 接口
表示当前节点是一个子节点,提供一些相关方法。
- ParentNode 接口
- 如果当前节点是父节点,就会继承ParentNode接口。
- 由于只有元素节点(element)、文档节点(document)和文档片段节点(documentFragment)拥有子节点
- 因此只有这三类节点会继承 ParentNode 接口。
- 如果当前节点是父节点,就会继承ParentNode接口。
-
- ParentNode.children 属性
- 成员是当前节点的所有元素子节点,返回一个HTMLCollection实例。
- 该属性只读。
- 只包括元素节点。
- 如果没有元素类型的子节点,返回值 HTMLCollection 实例的 length 属性为 0 。
- 下面是遍历某个节点的所有元素子节点的示例。
for (var i = 0; i < el.children.length; i++) { // ... }
- 下面是遍历某个节点的所有元素子节点的示例。
- HTMLCollection 是动态集合,会实时反映 DOM 的任何变化
- ParentNode.children 属性
-
- ParentNode.firstElementChild 属性
- 返回当前节点的第一个元素子节点。如果没有任何元素子节点,则返回 null
-
document.firstElementChild.nodeName // "HTML" document 节点的第一个元素子节点是<HTML>
- ParentNode.firstElementChild 属性