​x
 
<!DOCTYPE html>
<html>
<body>
​
<h1>Element 对象</h1>
​
<h2>nodeName 属性</h2>
​
<p>body 元素的子节点的节点名称。</p>
​
<p>元素之间的空格被视为节点 (#text)。</p>
​
<!-- 这是注释。 -->
​
<div>注释被视为节点 (#comments)。</div>
​
<p id="demo"></p>
​
<script>
const nodes = document.body.childNodes;
let text  = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeName + "<br>";
}
​
document.getElementById("demo").innerHTML = text;
</script>
​
</body>
</html>
​