【点击某一行后背景颜色发生改变】

html

<ul>
	<li></li>
	<li></li>
	<li></li>
</ul>

js

let list = document.querySelectorAll('li');
for (const li of list) {  //使用for of方法
	//console.log(li) 就能看到打印出三行列表
	li.addEventListener('click', function(){ //给列表一个点击事件
		li.style.backgroundColor = "red";   //当点击当前行后背景色就会变成红色
	})
}

css

自定义