获取元素自身文本（不包含子元素文本）

获取id为text的div中的文本内容，忽略a标签中的文本

<div id="text">获取的文本<a href="">忽略的文本</a></div>

通常的获取元素标签中的文本内容的方法

// 获取标签中的文本内容

// 原生JavaScript
const element = document.getElementById('text');
console.log(element.innerText) // 输出：获取的文本忽略的文本
console.log(element.textContent) // 输出：获取的文本忽略的文本

// JQuery
console.log($('#text').text()) // 输出：获取的文本忽略的文本

会获取到下的所有文本。

区别：innerText的值依赖于浏览器的显示，textContent依赖于代码的显示

使用下列方法只获取元素自身的文本节点

// 原生JavaScript
const element = document.getElementById('text');
console.log(element.firstChild.nodeValue) // 输出：获取的文本

// JQuery
console.log($('#text').prop('firstChild').nodeValue) // 输出：获取的文本