获取标签之间的内容 JavaScript

在 JavaScript 中，我们常常需要获取 HTML 页面中的标签中间的文本内容。这个任务可以通过多种方式实现，本文将给出一些方法和示例。

1. 使用 innerHTML 属性

使用 innerHTML 属性可以获取一个元素的 HTML 代码，包括标签和标签之间的内容。我们可以将 innerHTML 属性的值作为字符串进行处理，截取出标签之间的文本内容。

下面是一个示例：

// 获取 id 为 "myDiv" 的元素中的文本内容
var myDiv = document.getElementById("myDiv");
var content = myDiv.innerHTML;

// 处理内容，截取出标签之间的文本内容
var text = content.slice(content.indexOf(">") + 1, content.lastIndexOf("<"));

2. 使用 textContent 或 innerText 属性

可以使用 textContent 或 innerText 属性来获取一个元素中包含的所有文本内容。与 innerHTML 不同的是，这两个属性只会返回文本内容，而不会返回 HTML 代码。但是，这两个属性在不同的浏览器中有一些不同的行为。

下面是一个示例：

// 获取 id 为 "myDiv" 的元素中的文本内容
var myDiv = document.getElementById("myDiv");
var text = myDiv.textContent || myDiv.innerText;

3. 使用 jQuery 库

如果你使用过 jQuery 库，那么获取标签之间的内容就十分容易了，可以使用 jQuery 中的 text() 方法。text() 方法会返回元素中的文本内容，而不会包含 HTML 代码。

下面是一个示例：

// 获取 id 为 "myDiv" 的元素中的文本内容
var text = $("#myDiv").text();

总结

本文介绍了三种获取 HTML 标签之间的文本内容的方法：使用 innerHTML 属性、使用 textContent 或 innerText 属性，以及使用 jQuery 中的 text() 方法。

使用这些方法，可以很方便地获取标签之间的内容，并进行相应的处理。