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

 更新时间:2014年05月05日 09:23:31   作者:  
关于HTML/XML节点的问题,在IE中nextSibling不会返回文本节点,而chrome或者firefox等会返回文本节点

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

关于HTML/XML节点的问题

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

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

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

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

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

真是大坑

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

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

相关文章

  • 利用js实现可进行时间和工作调度的任务管理器

    利用js实现可进行时间和工作调度的任务管理器

    这篇文章主要为大家详细介绍了如何利用js实现一个可进行时间和工作调度的任务管理器,文中的示例代码简洁易懂,有需要的小伙伴可以参考一下
    2023-10-10
  • 详解微信小程序工程化探索之webpack实战

    详解微信小程序工程化探索之webpack实战

    这篇文章主要介绍了详解微信小程序工程化探索之webpack实战,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 微信小程序实现判断是分享到群还是个人功能示例

    微信小程序实现判断是分享到群还是个人功能示例

    这篇文章主要介绍了微信小程序实现判断是分享到群还是个人功能,结合实例形式分析了微信小程序分享与判断功能的实现原理、步骤及相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • JS+CSS实现大气的黑色首页导航菜单效果代码

    JS+CSS实现大气的黑色首页导航菜单效果代码

    这篇文章主要介绍了JS+CSS实现大气的黑色首页导航菜单效果代码,涉及JavaScript基于鼠标事件实现页面样式动态切换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Bootstrap Validator 表单验证

    Bootstrap Validator 表单验证

    这篇文章主要介绍了Bootstrap Validator 表单验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • ajax如何实现页面局部跳转与结果返回

    ajax如何实现页面局部跳转与结果返回

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回,感兴趣的朋友一起来学习
    2015-08-08
  • js 弹簧效果代码

    js 弹簧效果代码

    上次做图片滑动展示效果时做了减速效果,就想做一个加速效果。结合起来就想到了下面这个东西,当然只是类似弹簧,而不是真正的弹簧。
    2008-09-09
  • 如何在JavaScript中创建具有多个空格的字符串?

    如何在JavaScript中创建具有多个空格的字符串?

    这篇文章主要介绍了如何在JavaScript中创建具有多个空格的字符串?,需要的朋友可以参考下
    2020-02-02
  • JavaScript实现鼠标经过表格某行时此行变色

    JavaScript实现鼠标经过表格某行时此行变色

    这篇文章主要为大家详细介绍了JavaScript实现鼠标经过表格某行时此行变色,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 脚本和web页共用同一个文件测试

    脚本和web页共用同一个文件测试

    脚本和web页共用同一个文件测试...
    2006-10-10

最新评论