<!DOCTYPE html><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><button>点击</button><button>点击</button><button>点击</button><button>点击</button><button>点击</button><ul><li>1</li><li>1</li><li>1</li><li>1</li></ul></body><script>var btn = document.querySelectorAll("button");
console.log(btn)for(var i =0; i < btn.length; i++){
btn[i].onclick=function(){for(var i =0; i < btn.length; i++){
btn[i].style.backgroundColor =""}this.style.backgroundColor ="red"}}var li = document.querySelectorAll("li");for(var i =0; i < li.length; i++){
li[i].onmouseover=function(){for(var i =0; i < li.length; i++){
li[i].style.backgroundColor =""}this.style.backgroundColor ="red"}}</script></html>