首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

代码语言:javascript
复制
// 获取所有 <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 方法获取页面中所有的 &lt;li&gt; 元素,然后使用 for 循环遍历每个元素,通过 innerText 属性获取它们之间的文本,并输出到控制台。

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

代码语言:javascript
复制
const text = lis[i].innerText.replace(/&lt;li&gt;/g, '');
console.log('Text between each &lt;li&gt;:', text);

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

总之,可以使用 JavaScript 通过 ID 获取 &lt;li&gt; 之间的文本,具体实现方式取决于具体的场景和要求。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券