Javascript querySelectorAll和：not Selector

Question

<div class="classDiv">

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

</div>

使用document.querySelectorAll（＆＃34; .classDiv＆＃34;）[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]);

您可能也希望修剪空格的结果。