前端挑战之js编程题(1)

本文介绍了一种查找DOM树中两个节点的最近公共父节点的方法,包括节点自身,并提供了具体的实现思路与JavaScript函数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

题目要求:


查找两个节点的最近的一个共同的父节点,可以包括节点自身。


思路:


看到题目要求,首先应该想到有三种情况,有两个节点,dom1和dom2:

1、dom1为dom2的最近父节点,判断dom1是否包含dom2节点,包含则返回dom1,不包含继续向下运行。

2、dom2为dom1的最近父节点,判断dom2是否包含dom1节点,包含则返回dom2,不包含继续向下运行。

3、dom1和dom2在同一层,判断dom1和dom2是否在同一层,若是则返回其中一个节点的父节点。


方案:


function commonParentNode(oNode1, oNode2) {
    if(oNode1.contains(oNode2))
        return oNode1;
    else if(oNode2.contains(oNode1))
        return oNode2;
    else
        return oNode1.parentNode;
}

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值