javascript DOM节点（一）

1、childNodes　　nodeType 获取子节点（有兼容问题，用nodeType来判断）

——children 获取子节点(无兼容问题)

<ul id="ul1">
    <li>1111</li>
    <li>2222</li>
    <li>3333</li>
</ul>
<script>
var oUl = document.getElementById("ul1");
alert(oUl.childNodes.length); 
/*IE6,7,8下弹出3，其他弹出7
用nodeType检测（元素节点）
用oUl.childNodes[0].nodeType == 1 来判断是否是元素element
元素节点        节点类型取值（nodeType）
元素element        1
属性attr        2
文本text        3
注释comments    8
文档document    9
*/

alert(oUl.children.length); //弹出3

2、parentNode 父节点　　offsetParent获取有定位属性的父级节点

<div id="div1" style="position:relative;">
    <div id="div2">
        <div id="div3"></div>
        <div id="div4" style="position:absolute;"></div>
    </div>
</div>
<script>
var oDiv3 = document.getElementById("div3");
var oDiv4 = document.getElementById("div4");
alert(oDiv3.parentNode.id);//div2
alert(oDiv3.offsetParent.id);//div1
alert(oDiv4.parentNode.id);//div2
alert(oDiv4.offsetParent.id);//div1
</script>