IE下测试有4个节点,Chrome下有7个

来源:9-8 访问子节点childNodes

WingMeng

2014-12-06 00:08

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
  javascript  
  <p>javascript</p>
  <div>jQuery</div>
  <h5>PHP</h5>
</div>
<script type="text/javascript">
    var node = document.getElementsByTagName("div")[0].childNodes;
    document.write("共有"+ node.length +"个节点:(名称/节点值/节点类型)<br/><br/>");
    for (var i=0; i<node.length; i++){
        document.write("【" + (i+1) + "】<br/>" + node[i].nodeName +" "+ node[i].nodeValue +" "+ node[i].nodeType + "<br/><br/>");
    }
 
</script>
</body>
</html>

在IE下测试有4个节点,在Chrome下有7个,这对于开发有哪些不利(不便之处)?

写回答 关注

2回答

  • 偌颜宁
    2014-12-08 15:15:29
    已采纳

    这句是浏览器兼容性问题,前端开发的话都会遇到,这就应该去判断是浏览器版本,根据版本的不同调用不同的语法

    WingMe...

    非常感谢!

    2015-07-09 21:00:19

    共 1 条回复 >

  • 无聊到死君
    2015-02-03 08:28:40

    恩。 chrome 下面会把  

    <p></p>

    <div></div>

    这样两组标签之间的空格也当做节点的



JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468197 学习 · 21891 问题

查看课程

相似问题