​x
 
<!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>
​