Javascript querySelectorAll和：not Selector

Question

<div class="classDiv">

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

</div>

使用document.querySelectorAll（“。classDiv”）[0] .textContent

返回值= TEXT 1 TEXT 2

我如何只獲得TEXT 2？

我嘗試：not（span）沒有成功。

謝謝

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

您可能也想修剪空格的結果。