请教:当x是元素节点的时候,x的值是多少?
我打印出来是这样:[object HTMLLIElement],
那x&&x.nodeType的值怎么会等于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> <li id="d">css3</li> <li id="e">php</li> <li id="f">java</li> </ul> <p id="txt1"></p> <script type="text/javascript"> var x=document.getElementsByTagName("li")[0]; var txt=document.getElementById("txt1"); txt.innerHTML=x.nodeName+" = "+x.innerHTML; function get_nextSibling(n){ var x=n.nextSibling; while (x && x.nodeType!=1){ x=x.nextSibling; } return x;}function next(){ x=get_nextSibling(x); if(x!=null){ txt.innerHTML=x.nodeName+" = "+x.innerHTML; }else{ txt.innerHTML="<br>已经是最后一个节点"; }}</script><input type="button" onclick="next()"value="下一个"></body></html>
1、事实上在这个函数里面的x已经是原来x的下一个节点了,函数中的x是新定义的。
2、用while判断是否为空节点,若否则返回x值,若是则跳到下一个节点继续判断,直到非空节点出现返回x值结束函数。
空白节点的属性:空白节点.nodeName=#text ;空白节点.nodeValue= (内容空白);空白节点.nodeType= 3 ;
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
如果x为null,那么就没有x.nodeType,按顺序先判断x存不存在,不存在也就不执行&&后面的判断了,提升性能。参数中传过去的是LI节点,在函数中一开始就获取了它的nextSibling,因为其他浏览器中不会忽略空白生成的文本节点,那个type=3,所以while循环中要找到第一个不是x.nodeType!=1的啊。而且要判断x是不是null.