如何剔除掉无用的空白文本节点呢?

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

派皮诺

2016-09-02 18:18

<!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 D = document.getElementsByTagName("div");

 var D1 = D[0];

 var D1child = D1.childNodes;

 document.write("第一个div节点的子节点共有"+D1child.length+"个<br />");

 for(var i=0;i<D1child.length;i++)

 {

     

    document.write("第"+(i+1)+"个子节点信息如下:"+"<br />"); 

    document.write("nodeName为:"+D1child[i].nodeName+"<br />");

    document.write("nodeValue为:"+D1child[i].nodeValue+"<br />");

    document.write("nodeType为:"+D1child[i].nodeType+"<br />");

    document.write("------我是华丽的分割线------<br />");

     

  }

</script>

</body>

</html>

非IE浏览器,遍历子节点时,两标签之间空格会产生空白文本节点,如何剔除呢?


写回答 关注

1回答

  • Blizzard_lihe
    2016-09-02 22:42:16

    57c98f880001551d01170056.jpg

    57c98f9100019f6c04220099.jpg

    是这样子么?如果解决了,望采纳!


    慕虎1306...

    这段我无论啥网站一直都写,但是。。也没用,我第一次遇到这种情况,之前写都没这东西

    2019-09-30 13:43:58

    共 1 条回复 >

JavaScript进阶篇

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

468190 学习 · 21891 问题

查看课程

相似问题