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

您可能也想修剪空白的结果。