Javascript querySelectorAll und: nicht Selector

Question

<div class="classDiv"> 

<span id="mySpan"> TEXT 1 </span> TEXT 2 

</div> 

document.querySelectorAll Verwendung ("classDiv") [0] .textContent

Returns = TEXT 1 TEXT 2

Wie i2 nur TEXT bekommen kann?

Ich versuchte mit: nicht (span) ohne Erfolg.

Dank

Answer 1

Es gibt nichts eingebaute, dass ich bin mir dessen bewusst, aber Sie können eine Funktion in den Textknoten zu extrahieren, die direkte Kinder eines Elements sind:

function getDirectText(node) { 
    var text = ''; 

    for (var i = 0; i < node.childNodes.length; i++) { 
     var child = node.childNodes[i]; 

     if (child.nodeType === 3) { // Node.TEXT_NODE 
      text += child.nodeValue; 
     } 
    } 

    return text; 
} 

und dann:

var text = getText(document.getElementsByClassName('classDiv')[0]); 

Vielleicht möchten Sie auch das Ergebnis von Whitespace trimmen.