摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul id="ul"> <li class="red&qu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul id="ul">
<li class="red">列表項01</li>
<li>列表項02</li>
<li class="green">列表項03</li>
<li class="green">列表項04</li>
<li class="coral large">列表項05</li>
</ul>
<script>
//querySelectorAll() 返回數(shù)組
let lists=document.querySelectorAll('li');
console.log(lists);
lists[0].style.background='red';
//querySelector 返回一個
let ul=document.querySelector('#ul');
console.log(ul);
//ul.style.background='green';
let li=ul.querySelectorAll('.green');
console.log(li);
for(let i=0;i<li.length;i++){
li[i].style.background='lavender';
}
</script>
</body>
</html>
<!-- 總結(jié)
querySelectorAll() 返回的是數(shù)組
queryslector() 返回滿足條件的第一個 -->
批改老師：天蓬老師批改時間：2019-04-04 14:24:06
老師總結(jié)：這個作業(yè)很眼熟, 你是不是重復(fù)提交了一次