                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请教：当x是元素节点的时候，x的值是多少？

我打印出来是这样：[object HTMLLIElement]，

那x&&x.nodeType的值怎么会等于1？

qq_月亮天使_0

2020-01-09

源自：JavaScript进阶篇 9-11

关注问题我要回答

896

操作

收起

5 回答

无名勇者
2020-01-12

<!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>

0 回复有任何疑惑可以回复我~

收起回答

无名勇者
2020-01-11

1、事实上在这个函数里面的x已经是原来x的下一个节点了，函数中的x是新定义的。

2、用while判断是否为空节点，若否则返回x值，若是则跳到下一个节点继续判断，直到非空节点出现返回x值结束函数。

0 回复有任何疑惑可以回复我~

收起回答

无名勇者
2020-01-11

空白节点的属性：空白节点.nodeName=#text ;空白节点.nodeValue= （内容空白）;空白节点.nodeType= 3 ;

0 回复有任何疑惑可以回复我~

收起回答

无名勇者
2020-01-11

元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

0 回复有任何疑惑可以回复我~

收起回答

无名勇者
2020-01-11

如果x为null，那么就没有x.nodeType，按顺序先判断x存不存在，不存在也就不执行&&后面的判断了，提升性能。参数中传过去的是LI节点，在函数中一开始就获取了它的nextSibling,因为其他浏览器中不会忽略空白生成的文本节点，那个type=3,所以while循环中要找到第一个不是x.nodeType!=1的啊。而且要判断x是不是null.

0 回复有任何疑惑可以回复我~

收起回答