javascript - js如何只取得当前框内的内容呢？

问题描述

问 题

图片如上，再贴下html结构

<div class="second">web
    <div class="third">javascript</div>
    <div class="third">css
        <div class="forth">css2.0</div>
        <div class="forth">css3</div>
    </div>
    <div class="third">html</div>
    5555
    <div class="third">可视化</div>
    555
</div>

假设我已经取到second这个最外面的大框
现在我想把里面的web，555（a），5555（b）这里面的匿名文本存入某个变量该怎么做呢？
我试过了innerText会获取到子节点里的文本
用childNodes[0].nodeValue只会获取到第一个文本节点
如果用if判断nodeType是否为文本节点是否可行呢？
不知道有没有更好的方法直接获取到当前框的文本而不获取子节点里的文本~

解决方案

var t = document.getElementsByClassName('second')[0];

t.childNodes.forEach(function(v) {
    if(v instanceof Text) {
        console.log(v.data);
        console.log(v.wholeText);
    }
});

其中，文字节点为Text()实例，用data或者wholeText可以取到String类型的文本。

这篇关于javascript - js如何只取得当前框内的内容呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！