如何检查html元素是否包含其自身的文本（包含textNode）

Question

我要检查html元素是否包含它自己的文本。

例子是
<div>Text<tag></tag>Text</div>和<div>Text</div> 。

有些不适合的东西是 <div><tag></tag><p></p></div>

我的代码段是

flag = false;
for ( var j = 0; j < item.childNodes.length; j ++){
    if(item.childNodes[j].tagName == ""){
        flag = true;
    }
}

但这不起作用，有人可以帮我吗？

我所期望的是
<div>Text<tag></tag>Text</div>的子节点是Text ， <tag></tag>和Text 。 但事实并非如此。

Answer 1

如果要检测文本节点子节点，请检查nodeType是否为TEXT_NODE而不是tagName是否为空字符串：

var flag = Array.from(item.childNodes).some(child => child.nodeType === child.TEXT_NODE);

Answer 2

您可以结合使用String.trim()和元素的.textContent属性。

HTML

<div>
    <p>hello</p>
</div>

JS

String.trim(document.querySelector('div').textContent); //"hello"