HTML DOM 元素 childNodes
示例
获取<body>元素的子节点
const nodeList = document.body.childNodes;
自己尝试 »
获取 "myDIV" 中子节点的数量
let numb = document.getElementById("myDIV").childNodes.length;
自己尝试 »
更多示例如下。
描述
childNodes 属性返回元素子节点的集合（列表）。
childNodes 属性返回一个 NodeList 对象。
childNodes 属性是只读的。
childNodes[0] 等同于 firstChild 。
重要！
childNodes 返回 **节点**：元素节点、文本节点和注释节点。
元素之间的空格也是文本节点。
替代方案
children 属性返回 **元素**（忽略文本和注释）。
另请参阅
节点属性
HTML 节点与元素
在 **HTML DOM**（文档对象模型）中，HTML 文档是节点的集合，这些节点有（或没有）子节点。
**节点** 是元素节点、文本节点和注释节点。
元素之间的空格也是文本节点。
**元素** 只是元素节点。
childNodes 与 children
**childNodes** 返回子 **节点**（元素节点、文本节点和注释节点）。
**children** 返回子 **元素**（不是文本和注释节点）。
兄弟姐妹与元素兄弟姐妹
**兄弟姐妹** 是“兄弟”和“姐妹”。
**兄弟姐妹** 是具有相同父级（在同一 **childNodes** 列表中）的节点。
**元素兄弟姐妹** 是具有相同父级（在同一 **children** 列表中）的元素。
语法
element.childNodes
返回值
| 类型 | 描述 |
| 对象 | 一个 NodeList 节点集合对象。 节点按它们在文档中的出现顺序排序。 |
更多示例
浏览器支持
element.childNodes 是 DOM 级别 1（1998 年）的功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
