<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
li{backgroundColor: }
</style>
</head>
<body>
<ul class="ba">
<li class="er1">我是第一个儿子</li>
<li class="er2">我是第二个儿子</li>
<li class="er3">我是第三个儿子</li>
<li class="er3">我是第四个儿子</li>
<li class="er5">我是第五个儿子</li>
</ul>
</body>
</html>
<script type="text/javascript">
// let li = document.querySelectorAll('li');//获取所有的li标签
// let li = document.querySelector("li")//获取一个li
// console.log(li);
// li.item(0).style.backgroundColor="red";//第一个class改变成红色
// for(let i = 0;i<li.length;i++){
// li[i].style.backgroundColor='green';
// }//把所有li变成绿色
// let ul = document.querySelector("#ba")//获取id名为ba的元素
</script>