如何在 JavaScript 中从 HTML 元素中提取文本节点内容？

获取元素的文本节点

在 JavaScript 中使用 HTML 元素时，通常需要获取这些元素中的文本内容。但是，元素可以包含各种类型的节点，包括文本节点、注释节点和元素节点。本文探讨了用于检索文本节点的跨浏览器解决方案。

考虑以下 HTML：

<div class="title">
   I am text node
   <a class="edit">Edit</a>
</div>

我们的目标是获取“我是文本节点”内容，同时保留“编辑”链接。

为了实现这一点，我们可以利用 jQuery 的 content() 和 filter()函数：

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

此代码选择类为“title”的元素并获取其内容。然后，它对内容应用过滤器函数，仅选择节点类型为 Node.TEXT_NODE 的节点（即文本节点）。最后，它从过滤结果中提取文本内容。

使用这种方法，我们可以成功检索所需的文本节点内容，而无需删除“编辑”标签。

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