大家好，欢迎来到IT知识分享网。
* querySelectorAll(css的选择器)
* 通过css的选择器获取到的一组元素
* 获取的也是类数组
*
* 主语
* document 从整个页面去获取一组元素
* 父级 从父级下去获取一组元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
{# #color>li:first-child{#}
{# background: #ff0000;#}
{# }#}
{# #}
{# #color>li:nth-child(4){#}
{# background: yellow;#}
{# }#}
</style>
<script>
window.οnlοad=function(){
var lis=document.querySelectorAll('li');
console.dir(lis);
var color=document.getElementById('color');
var lis1=color.querySelectorAll('li');
var lis2=document.querySelectorAll('#color li');
console.dir(lis1);
console.dir(lis2);
var lis3=document.querySelectorAll('#color ul li');
console.dir(lis3);
lis3[lis3.length-1].style.background='gold';
var greens=document.querySelectorAll('.green');
console.dir(greens);
greens[0].style.background='green';
var uls=document.querySelectorAll('ul');
console.dir(uls);
uls[2].style.background='blue';
}
</script>
</head>
<body>
<ul id="color">
<li>red</li>
<li class="green">green</li>
<li>blue</li>
<li>yellow</li>
<li>
<ul>
<li>pink</li>
<li>white</li>
<li>black</li>
<li>gold</li>
</ul>
</li>
</ul>
<ul class="color2">
<li>red</li>
<li class="green">green</li>
<li>blue</li>
<li>yellow</li>
<li>pink</li>
</ul>
</body>
</html>
转载于:https://www.cnblogs.com/cqq-20151202/p/6638059.html
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/23507.html
