​x
 
<!DOCTYPE html>
<html>
<body>
<h1>Element 对象</h1>
​
<h2>firstChild 属性</h2>
​
<div id="myDIV">
 <p>一个段落（第二子节点）</p>
 <p>一个段落（第四子节点）</p>
</div>
​
<p>"myDiv" 的首个子节点的节点名称是：</p>
<p id="demo"></p>
​
<p>元素之间的空白被认为是文本节点。</p>
<p>"myDIV" 的第一三五节点是 #text 节点。</p>
​
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
document.getElementById("demo").innerHTML = text; 
</script>
​
</body>
</html>
​