可以使用以下代码:

var lis = document.querySelectorAll('li');
for (var i = 0; i < 5; i++) {
  lis[i].innerHTML = '顶' + lis[i].innerHTML;
}

这段代码首先使用 `document.querySelectorAll('li')` 获取所有的 `li` 元素,然后使用 `for` 循环遍历前 5 个元素,将其内容前面加上 '顶' 字。最终得到的 HTML 代码如下:

<ul>
  <li>顶列表项1</li>
  <li>顶列表项2</li>
  <li>顶列表项3</li>
  <li>顶列表项4</li>
  <li>顶列表项5</li>
  <li>列表项6</li>
  <li>列表项7</li>
  <li>列表项8</li>
  <li>列表项9</li>
  <li>列表项10</li>
</ul>
JavaScript 在前 5 个 <li> 元素前添加 '顶' 字

原文地址: https://www.cveoy.top/t/topic/m71J 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录