编程 Javascript

javascript中的nextSibling使用陷(da)阱(keng)

Posted in Javascript onMay 05, 2014

今天写js的时候遇到了一个陷(da)阱(keng)

关于HTML/XML节点的问题

据说在IE中nextSibling不会返回文本节点，而chrome或者firefox等会返回文本节点……

这个我的工作带来了很严重的问题

在网上搜到了很多处理方法，都是给js添加各种封装的函数……

后来我发现有个nextElementSibling方法……

这个不会返回文本节点，不管是什么浏览器……

真是大坑

同样，对于fistChild有对应的firstElementChild。其他的选择节点的函数应该也有对应的Element方法，不过还没试过……

然后我突然发现了个fistChildElement()……⊙?⊙b汗，我猜这是c++里面的……

javascript中的nextSibling使用陷(da)阱(keng)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

json格式化/压缩工具 Chrome插件扩展版

May 25 Javascript

推荐17个优美新鲜的jQuery的工具提示插件

Sep 14 Javascript

为JS扩展Array.prototype.indexOf引发的问题及解决办法

Jan 21 Javascript

JavaScript中省略元素对数组长度的影响

Oct 26 Javascript

bootstrap 设置checkbox部分选中效果

Apr 20 Javascript

如何理解Vue的作用域插槽的实现原理

Aug 19 Javascript

详解require.js配置路径的用法和css的引入

Sep 06 Javascript

详解如何在nuxt中添加proxyTable代理

Aug 10 Javascript

详解原生JS动态添加和删除类

Mar 26 Javascript

vue keep-alive 动态删除组件缓存的例子

Nov 04 Javascript

JavaScript检测浏览器是否支持CSS变量代码实例

Apr 03 Javascript

在react中使用vue的状态管理的方法示例

May 02 Javascript

利用函数的惰性载入提高javascript代码执行效率

May 05 #Javascript

JavaScript加入收藏夹功能（兼容IE、firefox、chrome）

May 05 #Javascript

IE 下Enter提交表单存在重复提交问题的解决方法

May 04 #Javascript

javascript 获取元素样式必杀技

May 04 #Javascript

javascript操作excel生成报表全攻略

May 04 #Javascript

javascript如何使用bind指定接收者

May 04 #Javascript

用jquery.sortElements实现table排序

May 04 #Javascript

You might like

浅析php中三个等号(===)和两个等号(==)的区别

2013/08/06 PHP

php+mysqli实现批量执行插入、更新及删除数据的方法

2015/01/29 PHP

php中将一个对象保存到Session中的方法

2015/03/13 PHP

PHP中trim()函数简单使用指南

2015/04/16 PHP

JavaScript监测ActiveX控件是否已经安装过的代码

2008/09/02 Javascript

从数据结构的角度分析 for each in 比 for in 快的多

2013/07/07 Javascript

javascript实现阻止iOS APP中的链接打开Safari浏览器

2014/06/12 Javascript

node.js中的buffer.write方法使用说明

2014/12/10 Javascript

JS实现点击登录弹出窗口同时背景色渐变动画效果

2016/03/25 Javascript

jQuery获取元素父节点的方法

2016/06/21 Javascript

修改Jquery Dialog 位置的实现方法

2016/08/26 Javascript

jQuery实现简单的网页换肤效果示例

2016/09/18 Javascript

理解JavaScript原型链

2016/10/25 Javascript

Bootstrap CSS组件之面包屑导航(breadcrumb)

2016/12/17 Javascript

jquery uploadify如何取消已上传成功文件

2017/02/08 Javascript

详解A标签中href=""的几种用法

2017/08/20 Javascript

vue实现拖拽进度条

2021/03/01 Vue.js

python连接oracle数据库实例

2014/10/17 Python

Python中defaultdict与lambda表达式用法实例小结

2018/04/09 Python

儿童学习python的一些小技巧

2018/05/27 Python

python3实现字符串的全排列的方法(无重复字符)

2018/07/07 Python

使用django的objects.filter()方法匹配多个关键字的方法

2019/07/18 Python

Django REST Framework序列化外键获取外键的值方法

2019/07/26 Python

Windows下python3安装tkinter的问题及解决方法

2020/01/06 Python

Python模块相关知识点小结

2020/03/09 Python

django ListView的使用 ListView中获取url中的参数值方式

2020/03/27 Python

python退出循环的方法

2020/06/18 Python

python中if嵌套命令实例讲解

2021/02/25 Python

css3.0新属性效果在ie下的解决方案

2010/05/10 HTML / CSS

单身旅行者的单身假期：Just You

2018/04/08 全球购物

汇科协同Java笔试题

2012/03/31 面试题

2015年学生会工作总结范文

2015/03/31 职场文书

婚礼上证婚人致辞

2015/07/28 职场文书

单位车辆管理制度

2015/08/05 职场文书

期中考试后的感想

2015/08/07 职场文书

高中诗歌鉴赏教学反思

2016/02/16 职场文书