querySelectorAll()⽅法
querySelectorAll()⽅法
调⽤的对象包括:Document(⽂档) DocumentFragment(⽂档⽚段) Element(元素)
querySelectorAll()⽅法接收的参数与querySelector()⽅法⼀样,也是⼀个css选择符,但返回的是所有匹配的元素,这个⽅法返回的是⼀个NodeList实例
返回的值是带有所有属性和⽅法的NodeList,⽽其底层实现则类似与⼀组元素快照,但是这个NodeList并不是动态的⽽是⼀个快照。
如果没有到则会返回⼀个空的NodeList对象
要取得返回的NodeList中的每⼀个元素,可以使⽤item()⽅法
item⽅法是类数组的⽅法或者使⽤⽅括号语法
<body>
<p index='klkx'>456</p>
<a index='klkx' class='p1' id='p2'>123</a>
<div index='klkx' class='p1' id='p2'>789</div>
<script>
var s1 = document.querySelector('p[index]');
queryselectorall用法var s2 = document.querySelector('a.p1');//ID选择var s2 document.querySelector('div#p2');
var divs = document.querySelectorAll('div[index]'),
i,
len=divs.length;//
lor = 'red';
lor = 'yellow';
for (i=0;i<len;i++ )
{
divs[i].className = 'important';//divs.item(i).className = 'important';
}
</script>
</body>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论