如何从 HTML 元素跨浏览器仅检索文本节点内容？

跨浏览器检索元素文本节点

在 HTML 中，当元素同时包含文本和文本时，获取元素的文本内容可能会很棘手。其他元素。为了有效地提取文本节点，需要跨浏览器的解决方案。

问题：

考虑以下 HTML 结构：

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

目标是检索文本节点“我是文本节点”，同时保留“编辑”锚点

解决方案：

可以使用 jQuery 框架来实现：

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

这段代码：

1. 选择具有“title”类的元素。
2. 使用以下方式获取其内容content() 方法。
3. 使用 filter() 方法过滤内容，仅保留文本节点 (nodeType == Node.TEXT_NODE)。
4. 使用以下方法检索过滤节点的文本内容text() 方法。

因此，变量 text 将仅包含所需的文本节点，“我是文本节点。”

以上是如何从 HTML 元素跨浏览器仅检索文本节点内容？的详细内容。更多信息请关注PHP中文网其他相关文章！