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

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

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

观察下方代码
IE与其它浏览器关于子节点的兼容性问题_第1张图片
538405fa00010e6c05630357.jpg

运行结果:
IE:
  UL子节点个数:3
  节点类型:1

其它浏览器:

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

总结:

节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,所以IE是3,其它浏览器是7,如下图所示:
IE与其它浏览器关于子节点的兼容性问题_第2张图片
538405fa00010e6c05630357.jpg

如果把代码改成这样:
  • javascript
  • jQuery
  • PHP

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

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

你可能感兴趣的:(IE与其它浏览器关于子节点的兼容性问题)