JavascriptをquerySelectorAllと：document.querySelectorAllを使う

Question

<div class="classDiv"> 

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

</div> 

をセレクタない（ "classDivは"）[0]

戻り値を.textContent = TEXT 1 TEXT 2

にはどうすればいいだけTEXT 2を得ることができますか？

私は試しました：成功しなかった（スパン）ではありませんでした。

おかげ

Answer 1

ありビルトイン私の知ることは何もないですが、あなたは要素の直接の子であるテキストノードを抽出するために機能を追加することができます。

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

、その後：

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

空白の結果もトリミングすることができます。