js-Node对象属性二

来源:互联网 发布:mysql删除表的字段 编辑:程序博客网 时间:2024/06/15 10:10
  • 父节点: 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>
0 0
原创粉丝点击