jonllen 发表于 2013-2-7 16:09:00

js的nextSibling和previousSibling兄弟节点

nextSibling:取得下一个兄弟节点;
previousSibling:取得上一个兄弟节点;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>    <head>      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />      <title>Untitled Document</title>      <script language="JavaScript">            function test() {                var node = document.getElementById("li2");                alert(node.nextSibling.id);                alert(node.previousSibling.id);                alert(node.nextSibling.previousSibling.id);            }      </script>    </head>    <body>      <ul id="u1">            <li id="li1" class="li1">Magci</li>            <li id="li2">J2EE</li>            <li id="li3">Haha!</li>      </ul>      <ul id="u2">            <li id="li4" class="li1">Magci</li>            <li id="li5">J2EE</li>            <li id="li6">Haha!</li>      </ul>      <input type="button" value="Click Me!"/>    </body></html> 
页: [1]
查看完整版本: js的nextSibling和previousSibling兄弟节点