childNodes 获取子节点 会有兼容问题
children 获取子节点
nodeType 节点类型
parentNode 获取父节点
<li>abcde <a href="javascript:;">隐藏 </a></li>
通过点击a 获取a的父节点来隐藏li a.parentNode.style.display = "none";
offsetParent 获取一个元素用来定位的父级元素
<body>
<div></div>
</body>
div.offsetParent //body
<ul >
<!-- <li > Item</li>-->
<li> Item1</li>
<li> Item2</li>
<li>Item3</li>
</ul>
children和childNodes的区别:
children 获取不包括空白节点。上面的HTML用IE8-解析,那么<ul>元素会有4个结点。在IE9+和firefox下会得到3个结点。
childNodes获取所有子节点,这些子节点可能是元素、文本节点、注释或处理命令。
上面的HTML用IE8-解析,那么<ul>会有4个子节点,在IE9+和firefox下会得到9个结点,包括3个<li>元素、一个注释结点、5个文本节点(表示空白符)。