利用双重循环,首先获取,所有的内容,第一个循环的是是事件,只有一鼠标移入进去才变色,第二个循环是整体的样式
<body>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
<script type="text/javascript">
let lis = document.querySelectorAll('li')
for (let i = 0; i < lis.length; i++) {
lis[i].onmouseover = function() {
for (let j = 0; j < lis.length; j++){
lis[j].style.backgroundColor = '#fff'
}
this.style.backgroundColor = 'red'
}
}
</script>
</body>