为了账号安全,请及时绑定邮箱和手机立即绑定
关注
qq_月亮天使_0

请教:当x是元素节点的时候,x的值是多少?

请教:当x是元素节点的时候,x的值是多少?

我打印出来是这样:[object HTMLLIElement],

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

2020-01-09 源自:JavaScript进阶篇 9-11 137 浏览 5 回答

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

2020-01-11
回复 0

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

2020-01-11
回复 0

空白节点的属性:空白节点.nodeName=#text ;空白节点.nodeValue=    (内容空白);空白节点.nodeType= 3  ;

2020-01-11
回复 0

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

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

2020-01-11
回复 0
<!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-12
回复 0

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信