HTML DOM childNodes 属性

元素对象

获取 body 元素的子节点集合：

<p id="demo">单击“按钮”获取有关身体元素的子节点的信息</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var txt = "";
    var c = document.body.childNodes;
    for (i = 0; i < c.length; i++) {
      txt = txt + c[i].nodeName + "<br>";
    };
    var x = document.getElementById("demo");
    x.innerHTML = txt;
  }
</script>
<p><strong>注意:</strong> 空格内元素看作是文本，文本是节点。</p>

尝试一下 »

---

定义和用法

childNodes 属性返回包含被选节点的子节点的 NodeList。

提示： 如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。如需循环子节点列表，使用 nextSibling 属性，要比使用父对象的 childNodes 列表效率更高。

---

浏览器支持

所有主要浏览器都支持 childNodes 属性

---

语法

element.childNodes

技术细节

返回值：	NodeList 对象, 代表节点集合。
DOM 版本	Core Level 1

---

元素对象