仅从元素 javascript 中提取文本

在开发 Web 应用程序时，很常见的任务就是从 HTML 页面中提取指定元素中的文本内容。在特定场景中，只需要从 JavaScript 元素中提取文本，有时也需要忽略所有 HTML 标记。本文将讨论如何仅从 JavaScript 元素中提取文本。

方法一：使用 innerText 属性

在 JavaScript 中，每个元素具有一个 innerText 属性，它包含元素的文本内容，并自动忽略所有 HTML 标记。可以通过以下方法从 JavaScript 元素中提取文本:

const element = document.getElementById('my-element');
const text = element.innerText;
console.log(text);

innerText 属性可用于获取元素内的文本，它自动忽略所有 HTML 标记。如果您想要仅从 JavaScript 元素中获取纯文本内容，并且不需要 HTML 标记，则该方法是最常用的方法之一。

方法二：使用 textContent 属性

元素对象还包含一个 textContent 属性，该属性保存所有嵌套子元素的所有文本内容，以及该元素本身的文本内容，而忽略所有 HTML 标记。使用以下代码仅从 JavaScript 元素中提取文本：

const element = document.getElementById('my-element');
const text = element.textContent;
console.log(text);

textContent 属性可用于获取纯文本，它不会忽略 HTML 标记。

结论

在开发 Web 应用程序时，通常需要从 HTML 元素中提取文本内容。使用 innerText 或 textContent 属性可从 JavaScript 元素中提取文本，并自动忽略或保留 HTML 标记。具体要根据需求来选择使用。