js DOM 慎用firstChild和lastChild

在确定某个元素下的firstChild和lastChild元素类型时，不要根据我们的想法认为他是什么元素类型。
例：
1.

<div id="div1">
    <div id="div2"></div>
</div>
<script>
    var oDiv=document.getElementById("div1");
    var oDiv2=document.getElementById("div2");
    alert(oDiv.lastChild.nodeName);
</script>

2.

<div id="div1"><div id="div2"></div></div>
<script>
    var oDiv=document.getElementById("div1");
    var oDiv2=document.getElementById("div2");
    alert(oDiv.lastChild.nodeName);  //#text
</script>

1，2的输出结果并不相同，因为节点还包括文本节点，例如空格。
不过我们可以使用firstElementChild来得到子元素节点。