获取和设置元素的文本内容

要设置和获取元素及其后代的文本内容，可以使用元素的 textContent 属性

element.textContentCode language: CSS (css)

请注意，textContent 在返回之前会去除所有 HTML 标签。

以下示例返回 id 为 container 的元素的文本内容

const el = document.querySelector('#container');
console.log(el.textContent);Code language: JavaScript (javascript)

以下设置容器元素的文本内容

const el = document.querySelector('#container');
el.textContent = 'Just simple text';Code language: JavaScript (javascript)

大多数现代 Web 浏览器支持 textContent 属性。IE8 使用 innerText 代替。

如果您的 Web 应用程序支持 IE8，可以使用以下代码获取元素的文本内容

const el = document.querySelector('#container');
const text = el.textContent || el.innerText;Code language: JavaScript (javascript)