关于这个判断函数的X
<!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呢？求详细解答。谢谢 大神了.
朝花bu夕拾1回答
-
woshiajuana
nextSibling属性返回指定节点之后紧跟的节点，在相同的树层级中而一个节点之后往往都会有一个空的文本节点，这个是网页HTML中元素标签回车换行导致的所以这里的x.nextSibling取得的第一个节点不会是第二个li，而是一个文本节点，文本节点的nodeType=3而元素节点的nodeType=1,因为你要取元素节点，所以需要这样判断一下
随时随地看视频慕课网APP
相关分类
JavaScript