🌟js 如何修改li元素的第二个内容✨

在前端开发中，有时我们需要动态地修改页面中的某些内容。比如，如何通过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结构

  版权声明：转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益，请作者持权属证明与本网联系，我们将及时更正、删除，谢谢您的支持与理解。