老师用previousSibling 遍历节点，我试了一下,没有节点是null,前一个兄弟节点是空白文本啊?
<div id="box">
<p id="para1">我是段落A</p>
<p id="para2">我是段落B
<span>A1</span>
<span>A2</span>
<span>A3</span>
</p>
<p id="para3">我是段落C</p>
</div>
<script>
var box = document.getElementById('box');
var para1 = document.getElementById('para1');
console.log(para1.previousSibling); // 这个显示出来的是#text
正在回答
同学你好，解答如下：
由于如下两个元素并不在一行显示（换行显示）：
所以para1前面是有兄弟节点的，该节点是换行产生的空白节点text：
如果二者在一行显示，则结果是null：
所以要分情况考虑。
祝学习愉快！
-
慕田峪1427181 #1
我问的是这个while这个循环语句, previousSibling !=null ;
当前一个兄弟节点是text ==null然后返回的 fales ， !=就是true 这个循环会继续里边的语句,
那么, 用previousSibling循环前面的节点,不都是text吗？都是空文本,
我不明白的是怎么会返回 null == null然后返回的true !=null 就是fales, 就会结束循环,
我去测试了一下前一项没有返回null的可能,我的疑问就在这里,
然后我又仔细看了一下循环体里边的 这个if(o.previousSibling.nodeType == 1) {
意思就是查到 元素节点后 就返回return o.previousSibling 然后就结束语句循环
} 我可不可以理解为老师写的这个是死循环,靠 return 去暂停语句?
2021-11-28 10:59:46 -
同学你好，理解的有点问题，前一项兄弟节点是有可能返回null的，即最后一个#text节点的前面不再有兄弟节点，此时就会返回null，如图
所以while循环不是死循环，return语句只是在找到想要的节点时（即nodeType为1的节点），终止循环，不再继续循环。
祝学习愉快！
2021-11-28 11:25:49 -
我测试用
console.log(para1.previousElementSibling); 就会返回null
我明白了，关键就在这一句, 这句的含义就是让while循环称为前一项,查找到para1的时候前一项就会返回null
o = o.previousSibling;
2021-11-28 11:51:45
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星