firstChild和firstElementChild的区别、childNodes和children的区别

firstChild和firstElementChild

firstChild获取父元素的第一个子元素节点或者文本节点。

firstElementChild获取父元素的第一个子元素节点，只返回HTML节点。

children和childNodes

children返回父元素的子元素集合，只返回HTML节点。

childrenNodes返回父元素的所有子元素集合。

<p id="para">   <span>First span</span><b>First Bold</b></p>

<script>

var para = document.getElementById("para");

alert(para.firstChild.nodeName); // returns #txt

</script>

<script>

var para = document.getElementById("para");

alert(para.firstElementChild.nodeName); // returns span

</script>