摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> li{backgroundColor: } </style></head&
<!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">我是第一個(gè)兒子</li>
<li class="er2">我是第二個(gè)兒子</li>
<li class="er3">我是第三個(gè)兒子</li>
<li class="er3">我是第四個(gè)兒子</li>
<li class="er5">我是第五個(gè)兒子</li>
</ul>
</body>
</html>
<script type="text/javascript">
// let li = document.querySelectorAll('li');//獲取所有的li標(biāo)簽
// let li = document.querySelector("li")//獲取一個(gè)li
// console.log(li);
// li.item(0).style.backgroundColor="red";//第一個(gè)class改變成紅色
// for(let i = 0;i<li.length;i++){
// li[i].style.backgroundColor='green';
// }//把所有l(wèi)i變成綠色
// let ul = document.querySelector("#ba")//獲取id名為ba的元素
</script>
![QCCUUOZEPW770PA)]1K)9FL.png](http://img.php.cn/upload/image/442/133/820/1550129646445286.png "1550129646445286.png")
批改老師：天蓬老師批改時(shí)間：2019-02-14 15:41:52
老師總結(jié)：其實(shí),jquery就是用querySelectorAll,來獲取元素的