如何在javascript中选择特定的列表元素。改变它的风格?

如何在javascript中选择特定的列表元素。改变它的风格?,javascript,html,web,Javascript,Html,Web,我想在单击某个特定li项目时更改其样式我如何才能做到这一点?您可以为单击事件添加事件侦听器,然后为该特定的li添加CSS 香草JS document.querySelectorAll('li').forEach(项=>{ item.addEventListener('click',event=>{ item.style.backgroundColor=“蓝色”; }); }) 你好 世界 填充物 您可以在样式上使用一个额外的类和一点javascript, 下面是一个演示: const li

我想在单击某个特定li项目时更改其样式我如何才能做到这一点?

您可以为单击事件添加事件侦听器,然后为该特定的
li
添加CSS

香草JS
document.querySelectorAll('li').forEach(项=>{
item.addEventListener('click',event=>{
item.style.backgroundColor=“蓝色”;
});
})
  • 你好
  • 世界
  • 填充物

您可以在样式上使用一个额外的类和一点javascript, 下面是一个演示:

const list=document.querySelectorAll('.listItem');
list.forEach(项=>
item.addEventListener('click',e=>e.target.classList.add('clicked'))
);
.listItem{
背景:黑色;
颜色:白色;
光标:指针;
}
.点击{
背景:白色;
颜色:黑色;
}
    单击我
  • 或我
请提供html编码您可以使用jQuery吗?这只适用于第一个
li
@code ya我更改了一点答案