在前端开发中，有时我们需要动态地修改页面中的某些内容。比如，如何通过JavaScript更改`

`列表里索引值为2的`
• `元素的内容呢？这个问题看似简单，但掌握它能让你更好地操控DOM结构。假设你有一个HTML列表如下：

  ```html

  • 第一个项目
  • 第二个项目
  • 第三个项目

  ```

  如果你希望将索引值为2的`

• `（即“第三个项目”）的内容改为“新内容”，可以使用以下代码：

  ```javascript

  let ul = document.querySelector('ul'); // 获取ul元素

  let targetLi = ul.children[2];// 定位到第三个li元素

  targetLi.textContent = '新内容';// 修改其文本内容

  ```

  这样操作后，原本显示为“第三个项目”的内容就会变成“新内容”。💡记住，数组或类数组对象如`children`的索引是从0开始计数的哦！掌握了这个技巧，你就能轻松实现页面上的动态交互了。🎉

  前端开发 JavaScript HTML结构

  标签：

  免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。