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

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

处理同时包含文本和标记的 HTML 元素时，通常需要获取不含HTML元素的文本内容。这可以使用 JavaScript 来实现，如以下示例所示。

在提供的 HTML 片段中，我们有一个带有 onclick 事件的按钮，该事件触发 JavaScript 函数，该函数的任务是从 < 中提取文本内容;p>

预期结果：

当用户单击按钮时，

中的 HTML 元素将被删除。

JavaScript 函数：

下面的 JavaScript 函数使用innerText 属性从

<code class="javascript">function get_content() {
  // Retrieve the <p> element by its ID
  var element = document.getElementById('txt');

  // Extract the text content using innerText
  var text = element.innerText || element.textContent;

  // Update the HTML content of the <p> element with the extracted text
  element.innerHTML = text;
}</code>

中提取文本内容。 p>元素：

说明：
• innerText 属性返回元素的文本内容，不包括其中的任何 HTML 元素。
• 如果元素没有innerText属性（旧版浏览器），可以使用textContent属性来代替。

最后，

的HTML内容是元素将使用提取的文本进行更新，从而有效地删除 HTML 元素。

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