美文网首页
IE与其它浏览器关于子节点的兼容性问题

IE与其它浏览器关于子节点的兼容性问题

作者: Leophen | 来源:发表于2019-03-18 16:30 被阅读0次

IE全系列、firefox、chrome、opera和safari等浏览器关于子节点的兼容问题

访问子节点childNodes
语法:
elementNode.childNodes

观察下方代码 538405fa00010e6c05630357.jpg
运行结果:
IE:
  UL子节点个数:3
  节点类型:1

其它浏览器:

  UL子节点个数:7
  节点类型:3

总结:

节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示: 538405fa00010e6c05630357.jpg
如果把代码改成这样:
<ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>

运行结果:(此时IE与其它浏览器结果一致)

  UL子节点个数:3
  节点类型:1

相关文章

  • IE与其它浏览器关于子节点的兼容性问题

    IE全系列、firefox、chrome、opera和safari等浏览器关于子节点的兼容问题 访问子节点chil...

  • 菜单导航

    children是获取子元素节点,孙元素节点不获取,有兼容性问题,IE9以上,兼容处理方法可以查找MDN文档chi...

  • ajax

    解决浏览器兼容性问题 if (window.XMLHttpRequest){ // IE7+, Firefox, ...

  • ie11 解决vue项目兼容性问题

    最近项目尾声,需要做一些兼容性问题处理。其中最重要的自然是ie浏览器的兼容性问题了,于是便开始了网上查找兼容ie1...

  • day26 js基础2

    微软(ie)兼容性问题。js、html、css浏览器翻译浏览器分为高级、低级浏览器高级:火狐、谷歌、ie8以后低级...

  • 4个技巧避免不必要的浏览器兼容性问题

    浏览器兼容性问题着实让人头疼,从最初的IE6浏览器到现在HTML5+CSS3的兴起,依然会存在兼容性问题,这里分享...

  • 浏览器兼容性问题-常见问题总结汇总

    浏览器兼容性问题解决方案 · 总结 一、IE 属性过滤器(较为常用的hack方法) 针对不同的 IE 浏览器,可以...

  • 主流浏览器发展史及其内核初探

    当我们在新时代调侃 IE 浏览器兼容性问题的时候,或多或少忘记了 IE 浏览器是第一款支持 CSS 的商用浏览器;...

  • Dom基础1

    DOM基础 DOM简介、DOM标准、DOM节点 获取元素的子节点:childNodes、兼容性问题火狐不兼容,可以...

  • 浏览器兼容性问题解决方案与工具

    浏览器兼容性问题解决方案与工具 1.条件注释 IE条件注释 即在标准HTML注释中,加入特殊的IE内核能识别的语法...

网友评论

      本文标题:IE与其它浏览器关于子节点的兼容性问题

      本文链接:https://www.haomeiwen.com/subject/jkkbmqtx.html