​x
 
<!DOCTYPE html>
<html>
<body>
<h1>Element 对象</h1>
​
<h2>firstChild 属性</h2>
​
<p>列表例子：</p>
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
​
<p>列表的第一个子节点的 HTML 内容是：</p>
<p id="demo"></p>
​
<p>
元素之间的空白被认为是文本节点。
如果在第一个 "li" 元素之前有一个空格，则结果将是 "undefined"。
</p>
​
<script>
let text = document.getElementById("myList").firstChild.innerHTML;
document.getElementById("demo").innerHTML = text;
</script>
​
</body>
</html>
​