节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，连写可消除各浏览器的差异。

最新推荐文章于 2021-07-09 15:31:36 发布

guheSs

最新推荐文章于 2021-07-09 15:31:36 发布

阅读量247

点赞数

分类专栏：前端杂记

本文链接：https://blog.csdn.net/u011514024/article/details/96518913

版权

前端杂记专栏收录该内容

8 篇文章 1 订阅

订阅专栏

Demo1

<!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;
      for (var i = 0; i < node.length; i++) {
        document.write("第" + i + "节点的属性" + node[i].nodeType + "<br>"); //节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点。连写可消除各浏览器的差异
      }
    </script>
  </body>
</html>

putout1:
javascript
javascript

jQuery
PHP
第0节点的属性3
第1节点的属性1
第2节点的属性3
第3节点的属性1
第4节点的属性3
第5节点的属性1
第6节点的属性3

======================================================================
Demo2:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
  </head>
  <body>
    <h5>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
    <script type="text/javascript">
      var node = document.getElementsByTagName("div")[0].childNodes;
      for(var i = 0; i < node.length; i++){
          document.write("第"+i+"节点的属性"+node[i].nodeType+"<br>");   //节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点。连写可消除各浏览器的差异
      }
    </script>
  </body>
</html>

putout2:
javascript
javascript

jQuery
PHP
第0节点的属性3