博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生js获取兄弟节点的坑
阅读量:6162 次
发布时间:2019-06-21

本文共 497 字,大约阅读时间需要 1 分钟。

原生js在获取兄弟节点时,我们会利用 elementNode.nextSibling,然而这里存在一个Bug,那就是Internet Explorer 会忽略节点之间生成的空白文本节点(比如换行字符),而 Mozilla 不这么做。所以有可能我们获取到的可能是一个回车。

下面是解决方案:

for (let i = 0; i < menuTrigger.length; i++) {    menuTrigger[i].onmouseenter = function(e) {        let a = e.currentTarget;        let brother = a.nextSibling;        while (brother.nodeType === 3) {            brother = brother.nextSibling;        }    }    menuTrigger[i].onmouseleave = function() {    }}复制代码

通过判断获取到的节点的类型是否是空白文本节点,如果是的话就继续找下一个节点。

转载地址:http://beefa.baihongyu.com/

你可能感兴趣的文章
如何区分广播风暴和网络环路?
查看>>
Linux下自动化监控内存、存储空间!
查看>>
怎么把AI文件导入到PS里面
查看>>
五十、Nginx负载均衡、SSL原理、生成SSL密钥对、Nginx配置SSL
查看>>
学习六十一
查看>>
delphi ini文件的基础读写。
查看>>
CentOS7中搭建cobbler自动装机服务
查看>>
多线程设计模式:第二篇 - 四种基础模式
查看>>
域名跳转
查看>>
企业网站建设注意事项
查看>>
WPS Office 2019 发布Linux 个人版
查看>>
未来PCB行业互联网+发展趋势
查看>>
PDF如何旋转页面
查看>>
UI设计入门:解析设计标注规范和图标规范
查看>>
php模拟input 的file上传文件
查看>>
配置接口IP地址并通过默认路由配置实现全网互通。
查看>>
怎么在CAD编辑工具中绘制多边形线
查看>>
oracle rownum使用与分页
查看>>
我的友情链接
查看>>
我的友情链接
查看>>