Javascript - 通过 ID 获取 <li> 之间的文本

在 HTML 中，可以通过 id 属性为元素分配唯一的标识符，从而利用该标识符来获取元素之间的文本。其中，<li> 之间的文本是指列表项（<li> 标签）之间的文本，通常用于构建列表。

以下是一个示例代码，演示如何使用 JavaScript 通过 ID 获取 <li> 之间的文本：

// 获取所有 <li> 元素
const lis = document.querySelectorAll('li');

// 遍历每个 <li> 元素，并获取它们之间的文本
for (let i = 0; i < lis.length; i++) {
  const text = lis[i].innerText;
  console.log('Text between each &lt;li&gt;:', text);
}

上述代码首先使用 document.querySelectorAll 方法获取页面中所有的 <li> 元素，然后使用 for 循环遍历每个元素，通过 innerText 属性获取它们之间的文本，并输出到控制台。

需要注意的是，innerText 属性可能会包含一些其他的 HTML 标签或文本，因此在获取 <li> 之间的文本时需要进行清理。例如，可以使用正则表达式来匹配 <li> 之间的文本，并使用 replace 方法将其替换为空字符串：

const text = lis[i].innerText.replace(/<li>/g, '');
console.log('Text between each <li>:', text);

上述代码使用正则表达式 /<li>/g 匹配 <li> 之间的文本，并使用 replace 方法将其替换为空字符串，最终输出到控制台。

总之，可以使用 JavaScript 通过 ID 获取 <li> 之间的文本，具体实现方式取决于具体的场景和要求。