JavaScript中的textContent

在JavaScript中，可以使用 textContent 属性来访问一个元素中的文本内容。该属性返回一个字符串，这个字符串表示元素中的所有文本内容，包括子元素的文本内容。

用法

element.textContent

其中 element 是一个DOM元素对象。

下面是一个使用例子：

const element = document.querySelector('#my-element');
console.log(element.textContent);

示例

假设有一个这样的HTML代码：

<div id="my-element">
  <p>This is some text</p>
  <p>More text here</p>
</div>

如果我们在JavaScript中使用 textContent 来访问 my-element 元素的文本内容，它将返回：

This is some text
More text here

注意，textContent 不会返回任何HTML代码，它只返回所有文本。

替换文本内容

可以使用 textContent 属性来替换元素中的文本内容。例如：

const element = document.querySelector('#my-element');
element.textContent = 'New text content';

这会将 my-element 元素中的文本内容替换为 New text content。

性能

与 innerHTML 相比，textContent 更快，因为它不涉及元素的解析和编译。当我们只需要访问文本内容时，最好使用 textContent。

总结

textContent 是一个简单但非常有用的属性，可以用来访问元素的文本内容，并且能够快速地替换文本内容。与 innerHTML 相比，textContent 更快，并且不会返回任何HTML代码，仅仅返回其中的文本内容。