javascript - Comment obtenir uniquement le contenu de la boîte actuelle en js?

Question

L'image est comme ci-dessus, puis collez la structure 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>

Supposons que j'ai pris le cadre le plus à l'extérieur de la seconde
Maintenant, je souhaite ajouter le "web", "555" (a), "5555" (b)" Comment stocker le texte anonyme dans une variable ? web”，“555”（a），“5555（b）”这里面的匿名文本存入某个变量该怎么做呢？
我试过了innerText会获取到子节点里的文本
用childNodes[0].nodeValue只会获取到第一个文本节点
如果用if判断nodeTypeJ'ai essayé innerText et il obtiendra le texte dans le nœud enfant
L'utilisation de childNodes[0].nodeValue n'obtiendra que le premier nœud de texte

Si vous utilisez <. code >if Est-il possible de déterminer si nodeType est un nœud de texte ? 🎜Je ne sais pas s'il existe une meilleure façon d'obtenir directement le texte de la boîte actuelle sans obtenir le texte dans les nœuds enfants~🎜

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

Parmi eux, le nœud texte est du type texte Text()实例，用data或者wholeText可以取到String.