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>