JavaScript 获取不包含子项的 textContent

Question

首先，我正在为 JavaScript 创建一个库，但我不能使用 jQuery。我正在尝试获取 HTML 元素的文本内容，但不包含其子元素的文本内容。

属性 innerText 和 textContent 都没有提供我需要的东西，请帮忙。

Answer 1

您可以使用 DOM API 作为 childNodes 和 nodeType 来解决。

var elChildNode = document.querySelector("#hello").childNodes;
var sChildTextSum = "";

elChildNode.forEach(function(value){
    if(value.nodeType === Node.TEXT_NODE) { 
        console.log("Current textNode value is : ", value.nodeValue.trim());
        sChildTextSum += value.nodeValue;
    }
}); 

console.log("All text value of firstChild : ", sChildTextSum);

我创建了一个示例代码，如上所示。

https://jsfiddle.net/nigayo/p7t9bdc3/