问答详情
源自:9-8 访问子节点childNodes

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

<!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个,这对于开发有哪些不利(不便之处)?

提问者:WingMeng 2014-12-06 00:08

个回答

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

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

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

    恩。 chrome 下面会把  

    <p></p>

    <div></div>

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