html运行实例（jsck_node_childnodes

代码示例：（标识：jsck_node_childnodes_1）

<!DOCTYPE html>
<html>
<body>

<!-- 这是注释节点 -->

<h1>Element 对象</h1>

<h2>childNodes 属性</h2>

<p>元素之间的空白是文本节点。注释也是节点。</p>

<p>body 元素的子节点是：</p>
<p id="demo"></p>

<script>
const nodeList = document.body.childNodes;

let text = "";
for (let i = 0; i < nodeList.length; i++) {
  text += nodeList[i].nodeName + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>