<!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_nextSibling(n){ var x=n.nextSibling; while (x && x.nodeType!=1){ x=x.nextSibling; } return x; } var x=document.getElementsByTagName("li")[0]; document.write(x.nodeName); document.write(" = "); document.write(x.innerHTML); var y=get_nextSibling(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>在这里 while (x && x.nodeType!=1){ x=x.nextSibling; }不理解。这里的X应该是个参数由N获取到的nextSibling;，我试过用document.write输出它。它应该是一个节点，这里也没指定是节点的类型，或者属性，为什么要跟它自己的类型！=1并且判断为ture呢？求详细解答。谢谢 大神了.
1 回答
woshiajuana
TA贡献211条经验 获得超152个赞
nextSibling属性返回指定节点之后紧跟的节点，在相同的树层级中
而一个节点之后往往都会有一个空的文本节点，这个是网页HTML中元素标签回车换行导致的
所以这里的x.nextSibling取得的第一个节点不会是第二个li，而是一个文本节点，文本节点的nodeType=3
而元素节点的nodeType=1,因为你要取元素节点，所以需要这样判断一下
添加回答
举报
0/150
提交
取消