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]