如何在javascript中选择特定的列表元素。改变它的风格?
我想在单击某个特定li项目时更改其样式我如何才能做到这一点?您可以为单击事件添加事件侦听器,然后为该特定的如何在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
添加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我更改了一点答案