为何自身PARA类名的P标签没有获得
来源:3-13 封装节点关系函数
慕先生9380059
2021-06-25 16:42:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小鲤鱼</title>
</head>
<body>
<div id="box">
<p >我是段落A</p>
<p >我是段落A</p>
<p >我是段落A</p>
<p class="para">我是段落B</p>
<p>我是段落C</p>
<p>我是段落C</p>
<p>我是段落C</p>
</div>
<script>
var div = document.getElementById('box');
var para = document.querySelector('.para');
function getAllElements(node){
var o=node;
var nexts=[];
var pres=[];
while(o.nextSibling!=null){
if(o.nextSibling.nodeType==1){
nexts.push(o.nextSibling)
}
o=o.nextSibling;
}
o=node;
while(o.previousSibling!=null){
if(o.previousSibling.nodeType==1){
pres.unshift(o.previousSibling);
}
o=o.previousSibling;
}
return pres.concat(nexts);
}
console.log(getAllElements(para));
</script>
</body>
</html>
1回答
好帮手慕久久
2021-06-25
同学你好,解答如下:
getAllElements这个方法,获取的是“参数节点”的所有兄弟节点,即获取的是.para的的兄弟,不是自身,所以结果中不包含.para自身。
祝学习愉快!
相似问题
回答 1