使用css和javascript操作属性

我目前正在学习使用CSS、HTML和JavaScript进行web开发

这是我的代码：

const items=document.querySelectorAll（“#players li”）；
console.log（项[0]、项[1]、项[2]）

试验
测试1
测试2
测试3
您可以通过JavaScript属性应用
颜色，例如：


const items=document.querySelectorAll（“#players li”）；
如果（项目长度>2）{
项目[2]。style.color=“红色”；
}

试验
测试1
测试2
测试3
您可以通过JavaScript属性应用
颜色，例如：


const items=document.querySelectorAll（“#players li”）；
如果（项目长度>2）{
项目[2]。style.color=“红色”；
}

试验
测试1
测试2
测试3
使用
forEach
迭代
项
，并检查
索引
。由于第三个类的集合以
0
开始，因此您需要检查当前索引是否为
2
，然后使用
classList.add
添加类并设置其样式


const items=document.querySelectorAll（“#players li”）；
items.forEach（（项目，索引）=>{
如果（索引==2）{
item.classList.add（'custom'）
}
})
.custom{
背景：黄色；
}

试验
测试1
测试2
测试3
使用
forEach
迭代
项
，并检查
索引
。由于第三个类的集合以
0
开始，因此您需要检查当前索引是否为
2
，然后使用
classList.add
添加类并设置其样式


const items=document.querySelectorAll（“#players li”）；
items.forEach（（项目，索引）=>{
如果（索引==2）{
item.classList.add（'custom'）
}
})
.custom{
背景：黄色；
}

试验
测试1
测试2
测试3
大家好，欢迎来到Stack Overflow！你知道你只能用CSS来解决你的问题吗？可以吗？类似于
items[2].style.color='red'
将第三个元素设置为红色。请看“是”，没关系。嗨，欢迎来到堆栈溢出！你知道你只能用CSS来解决你的问题吗？可以吗？类似于
items[2].style.color='red'
将第三个元素设置为红色。查看“是”，这是可以的。对每个人执行
forEach
具有O（n）-复杂性。由于索引是预先知道的，您可以简单地使用
项[2]
（O（1））。如何使用这个for循环来迭代
列表项
，在这些元素上使用
样式属性
，将
文本装饰
设置为
下划线
？为每个
执行
具有O（n）复杂性。因为索引是预先知道的，所以您可以简单地使用
项[2]
（O（1））。如何使用这个for循环来迭代
列表项
，在这些元素上使用
样式属性
，将
文本装饰
设置为
下划线
？