如何使用 JavaScript 去除 HTML 标签并提取纯文本？

如何使用 JavaScript 从 HTML 中提取纯文本

要从不带 HTML 标签的 HTML 元素中提取纯文本，请按照以下步骤操作使用 JavaScript：

1. 识别 HTML 元素。
   您可以使用 getElementById() 方法获取要从中提取文本的元素。在本例中，您有一个 id="txt" 的元素。

2. 获取文本内容。
   有两种方法从 HTML 中获取文本内容元素：innerText 和 textContent。 innerText 返回可见的文本内容，而 textContent 返回所有文本内容，即使它是隐藏的。在这种情况下，您可以使用任一方法。使用方法如下：

   • innerText:

     <code class="javascript">var text = element.innerText;</code>

   • textContent:

     <code class="javascript">var text = element.textContent;</code>

3. 将 HTML 替换为文本。
   获得文本内容后，您可以将元素的 HTML 内容替换为文本内容。操作方法如下：

   <code class="javascript">element.innerHTML = text;</code>

这是您可以使用的完整 JavaScript 函数：

<code class="javascript">var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;</code>

当用户单击“获取内容”时按钮，该 JavaScript 函数将被执行，并且 id="txt" 的 p 元素中的 HTML 内容将被替换为纯文本内容。

以上是如何使用 JavaScript 去除 HTML 标签并提取纯文本？的详细内容。更多信息请关注PHP中文网其他相关文章！