(86)Wangdao.com第十九天_JavaScript
Posted 我即狂澜,且力不可挽
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(86)Wangdao.com第十九天_JavaScript相关的知识,希望对你有一定的参考价值。
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 属性
以上是关于(86)Wangdao.com第十九天_JavaScript的主要内容,如果未能解决你的问题,请参考以下文章
(92)Wangdao.com_第二十五天_事件 Event