????：<!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">列表項(xiàng)01</li>
<li>列表項(xiàng)02</li>
<li class="green">列表項(xiàng)03</li>
<li class="green">列表項(xiàng)04</li>
<li class="coral large">列表項(xiàng)05</li>
</ul>
<script>
//querySelectorAll() 返回?cái)?shù)組
let lists=document.querySelectorAll('li');
console.log(lists);
lists[0].style.background='red';
//querySelector 返回一個(gè)
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() 返回滿足條件的第一個(gè) -->
?? ???：天蓬老師?? ??：2019-04-04 14:24:06
???? ??：這個(gè)作業(yè)很眼熟, 你是不是重復(fù)提交了一次