JavaScript获取textContent,不包括子项

Question

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

innerText和textContent这两个属性都没有给我需要的东西,请帮忙.

Answer 1

Author's Name从以下元素中获取，不包括<span>...：

<div class="details__instructor">
    Author's Name<span ng-show="job_title">, Entrepreneur</span>
</div>

使用childNodes[0]。例如：

document.querySelector('div.details__instructor').childNodes[0].textContent

Answer 2

您可以解决将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/