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

2019-03-18 本文已影响0人 Leophen

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