请教：当x是元素节点的时候，x的值是多少？
来源：9-11 访问兄弟节点
qq_月亮天使_0
2020-01-09 11:19
请教：当x是元素节点的时候，x的值是多少？
我打印出来是这样：[object HTMLLIElement]，
那x&&x.nodeType的值怎么会等于1？
写回答
关注
5回答
-
- 无名勇者
- 2020-01-12 12:45:47
<!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> -
- 无名勇者
- 2020-01-11 23:41:01
1、事实上在这个函数里面的x已经是原来x的下一个节点了，函数中的x是新定义的。
2、用while判断是否为空节点，若否则返回x值，若是则跳到下一个节点继续判断，直到非空节点出现返回x值结束函数。
-
- 无名勇者
- 2020-01-11 23:29:17
空白节点的属性：空白节点.nodeName=#text ;空白节点.nodeValue= （内容空白）;空白节点.nodeType= 3 ;
-
- 无名勇者
- 2020-01-11 23:24:50
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9 -
- 无名勇者
- 2020-01-11 23:23:07
如果x为null，那么就没有x.nodeType，按顺序先判断x存不存在，不存在也就不执行&&后面的判断了，提升性能。参数中传过去的是LI节点，在函数中一开始就获取了它的nextSibling,因为其他浏览器中不会忽略空白生成的文本节点，那个type=3,所以while循环中要找到第一个不是x.nodeType!=1的啊。而且要判断x是不是null.
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468063 学习 · 21891 问题
相似问题