<html> <head> <meta charset="utf-8"> <title>测试能够找到内容</title> </head> <body> 132****5698 <div> <div>姓名</div> <div>学校</div> </div> <div> <p>132****5698</p> </div> <div> <span>010-15*2452</span> </div> </body> </html> 这段代码的DOM树是这样子么？当我这样子查询的时候应该查询到的只是DOM树中的所有元素节点，但是我想查询到DOM树中的所有文本节点应该什么解决办法呢？ var body = document.getElementsByTagName('body'); var bodyChildren = body[0].getElementsByTagName('*');

为什么搜索不到DOM树中的文本节点？

发布于
2016-08-06

更新于
2016-08-06

<html>
<head>
    <meta charset="utf-8">
    <title>测试能够找到内容</title>
</head>
<body>
    132****5698
    <div>
        <div>姓名</div>
        <div>学校</div>
    </div>
    <div>
        <p>132****5698</p>
    </div>
    <div>
        <span>010-15*2452</span>
    </div>
</body>
</html>

这段代码的DOM树是这样子么？
DOM

当我这样子查询的时候应该查询到的只是DOM树中的所有元素节点，但是我想查询到DOM树中的所有文本节点应该什么解决办法呢？

var body = document.getElementsByTagName('body');
var bodyChildren = body[0].getElementsByTagName('*');

javascript html dom

阅读 3.4k

3 个回答

✓ 已被采纳

getElementsByTagName() 方法返回一个实时的包含具有给出标签名的元素们的HTMLCollection。就意味着getElementsByTagName捕获不了Text节点，你可以用

for(var i = 0;i<bodyChildren.length;i++){
    console.log(bodyChildren[i].nodeType)
}

遍历的结果都是1

用

document.getElementsByTagName('body')[0].innerText

返回所有文本

点点乐淘淘

34212444

发布于
2016-08-06

判断nodeType即可

新しい世界

1.5k2621

发布于
2016-08-06

更新于
2016-08-06

getElementsByTagName
Elements!
Elements!!
Elements!!!
这个方法只返回元素节点!

要返回所有节点请使用 childNodes 属性, 再从中筛选出文本节点

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

为什么搜索不到DOM树中的文本节点？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？