慕用0757483
2016-09-06 11:46
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>nextSibling</title> </head> <body> <ul id="u1"> <li id="a">javascript</li> <li id="b">jquery</li> <li id="c">html</li> </ul> <ul id="u2"> <li id="d">css3</li> <li id="e">php</li> <li id="f">java</li> </ul> <script type="text/javascript"> function get_previousSibling(n){ var x=n.previousSibling; while (x && x.nodeType!=1){ x=x.previousSibling; } return x; } var x=document.getElementsByTagName("li")[0]; document.write(x.nodeName); document.write(" = "); document.write(x.innerHTML); var y=get_previousSibling(x); if(y!=null){ document.write("<br />nextsibling: "); document.write(y.nodeName); document.write(" = "); document.write(y.innerHTML); }else{ document.write("<br>已经是第一个节点了"); } </script> </body> </html>
li之前的节点不是ul,还有个文本节点,内容是空格,ul应该是li的父节点
除IE外,主流浏览器都是识别空格为一个文本节点的
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题