父节点： ul是li的父节点
parentNode
<ul>
<li>aaaaa</li>
<li>bbbbb</li>
</ul>子节点：li是ul的子节点
childNodes：得到所有的子节点，但是兼容性很差
firstChild：获取第一个子节点
lastChild：获取最后一个子节点同辈节点：li之间关系是同辈节点
nextSibling:返回一个给定节点的下一个兄弟节点。
previousSibling：返回一个给定节点的上一个兄弟节点。
<body>
<ul id="ul1">
<li id="li1">aaaaa</li>
<li id="li2">bbbbb</li>
<li id="li3">bbbbb</li>
</ul>
<script type="text/javascript">
//获取父节点
var li1=document.getElementById("li1");
alert(li1.parentNode.id);
//获取子节点
var li1=document.getElementById("ul1");
alert(ul1.firstChild.id);
alert(ul1.lastChild.id);
//获取同辈节点
var li1=document.getElementById("li1");
alert(li1.nextSibling.id);
alert(li1.previousSibling.id);
</script>
</body>
1423
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
