DOM学习

HTML:

<div id="div1">

　　<ul id="ul1">

　　　　1<li>2</li>

　　　　3<li>4</li>5

　　</ul>

</div>

 

<script>

var oUl1 = document.getElementById('ul1');

alert(oUl1.childNode.length);  //输出5（FF、chrome、IE9+）,输出2（IE6-8）

alert(oUl1.children.length);    //输出2

<script>

HTML中1-5表示5个childNode，高版本浏览器包含了1、3、5三个文本节点、使用children不包含1、3、5三个文本节点

oUl1.firstChild是IE6-8兼容

高版本浏览器使用oUl1.firstElementChild和oUl1.lastElementChild