父节点: 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>