javascript - Bagaimana untuk mendapatkan hanya kandungan dalam kotak semasa dalam js?

Question

Gambar adalah seperti di atas, dan kemudian tampal struktur html

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

Andaikan saya telah mengambil bingkai terluar detik
Sekarang saya mahu menambah "web", "555" (a), "5555" (b)" Bagaimana untuk menyimpan teks tanpa nama dalam pembolehubah? web”，“555”（a），“5555（b）”这里面的匿名文本存入某个变量该怎么做呢？
我试过了innerText会获取到子节点里的文本
用childNodes[0].nodeValue只会获取到第一个文本节点
如果用if判断nodeTypeSaya mencuba innerText dan ia akan mendapat teks dalam nod anak
Menggunakan childNodes[0].nodeValue hanya akan mendapat nod teks pertama

Jika anda menggunakan < kod >jika Adakah mungkin untuk menentukan sama ada nodeType ialah nod teks? 🎜Saya tidak tahu sama ada terdapat cara yang lebih baik untuk mendapatkan terus teks kotak semasa tanpa mendapatkan teks dalam nod anak~🎜

Answer 1

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

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

Antaranya, nod teks ialah teks jenis Text()实例，用data或者wholeText可以取到String.