javascript - Wie erhalte ich in js nur den Inhalt der aktuellen Box?

Question

Das Bild ist wie oben, dann fügen Sie die HTML-Struktur ein

<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>

Angenommen, ich habe den äußersten Rahmen des zweiten genommen
Jetzt möchte ich „web“, „555“ (a), „5555“ (b)“ Wie speichere ich den anonymen Text in einer Variablen? web”，“555”（a），“5555（b）”这里面的匿名文本存入某个变量该怎么做呢？
我试过了innerText会获取到子节点里的文本
用childNodes[0].nodeValue只会获取到第一个文本节点
如果用if判断nodeTypeIch habe innerText ausprobiert und es wird der Text im untergeordneten Knoten abgerufen.
Mit childNodes[0].nodeValue wird nur der erste Textknoten abgerufen code >if Kann festgestellt werden, ob nodeType ein Textknoten ist?

Ich weiß nicht, ob es eine bessere Möglichkeit gibt, den Text des aktuellen Felds direkt abzurufen, ohne den Text in den untergeordneten Knoten abzurufen~🎜

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);
    }
});

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