js的nextSibling和previousSibling兄弟节点

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

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>

		自动登录	找回密码
密码			立即注册