美文网首页
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与其它浏览器关于子节点的兼容性问题

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