Javascript nextElementSibling和nextSibling

本文介绍了一个JavaScript函数,用于跨浏览器兼容地获取当前DOM元素的下一个兄弟节点。此函数首先检查是否存在nextElementSibling属性,如果不存在,则遍历后续同级节点直到找到下一个元素节点。

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

        function next(ele) {
            if (typeof ele.nextElementSibling == 'object') {
                return ele.nextElementSibling;
            }
            var n = ele.nextSibling;
            while (n) {
                if (n.nodeType == 1) {
                    return n;
                }
                n = n.nextSibling;
            }
            return n;
        }

  

nextSibling是获取当前节点的下一个节点。

这个函数第一个检测,ele下一个节点(nextSibling),如果是上元素节点就返回这个,并结束函数,由于html中有空格或者换行符,不一定就是元素节点。则继续循环

nextElementSibling标准浏览器才有这个东西,IE没有,上述方法,是解决兼容性问题

 

转载于:https://www.cnblogs.com/alphafly/p/4698797.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值