Node 节点属性_firstChild/lastChild

firstChild属性返回当前节点的第一个子节点，如果当前节点没有子节点，则返回null

xxxxxxxxxx
// <p id="p1"><span>First span</span></p>
var p1 = document.getElementById('p1');
p1.firstChild.nodeName // "SPAN"

lastChild属性返回当前节点的最后一个子节点，如果当前节点没有子节点，则返回null。用法与firstChild属性相同

实时效果反馈

1. 下列代码，运行结果是：

xxxxxxxxxx
<p id="text">
    <span>last span</span>
</p>

xxxxxxxxxx
var text = document.getElementById("text");
text.lastChild.nodeName;

A #document-fragment

B #document

C SPAN

D #text

答案

1=>D