原生JS判断两个元素是否为兄弟节点

一个很简单的方法,分别获取两个元素的父节点,判断父节点是否相同,代码如下:
HTML:

<div id="one">
        <p id = "p1" class="p1">Hello world!</p>
        <p id = "p2" class="p2">Hi I am Lily~~~</p>
    </div>

JavaScript:

function isSiblilngNode(element,siblingNode){
            if(element.parentNode == siblingNode.parentNode){
                return true;
            }else{
                return false;
            }
        }
        var cc = document.getElementById("p1");
        var dd = document.getElementById("p2");
        var div = document.getElementById("one");
        console.log(isSiblilngNode(cc,dd));//->true
        console.log(isSiblilngNode(cc,div));//->false

我不确定这个方法是否有失偏颇,试了其它的,例如把if括号里的语句换成:
element.parentNode.hasChildNodes(siblingNode);
但是判断结果永远是true,我不知道为什么,有懂的大牛如果可以的话,麻烦给讲一下,谢谢。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值