折翼天使I
2016-10-27 17:39
最下面是我的代码,在get_nextSibling(n)函数中使用条件
while (x.nodeType!=1)
结果可以运行;
可在get_previousSibling函数中使用这个条件就无法输出else的判断了!
简单说:x!=1 这句话到底是什么意思?
<!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"> //编写get_nextSibling 函数,获得指定节点的下一个节点。 function get_nextSibling(n){ var x=n.nextSibling; while (x.nodeType!=1){ x=x.nextSibling; } return x; } //编写get_previousSibling 函数,获得指定节点的上一个节点。 function get_previousSibling(n){ var x=n.previousSibling; while(x&&x.nodeType!=1){ x=x.previousSibling; } return x; } var n=document.getElementsByTagName("li")[0]; document.write("<br>"+n.nodeName+" = "+n.innerHTML); var y=get_nextSibling(n); if(y!=null){ document.write("<br />nextsibling: "+y.nodeName+" = "+y.innerHTML); }else{ document.write("<br>已经是最后一个节点"); } var m=document.getElementsByTagName("li")[0]; document.write("<br><br>"+m.nodeName+" = "+m.innerHTML); var z=get_previousSibling(m); if(z!==null){ document.write("<br>previousSibling:"+z.nodeName+" = "+z.innerHTML); } else{ document.write("<br>这已经是最上面一个节点"); } </script> </body> </html>
while(x && x.nodeType!=1)
这条代码并不是你理解的x!=1 && x.nodeType!=1
而是( x) &&( x.nodeType!=1)
与上x我想大概是判断x非空吧
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题