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]');
var s2 = document.querySelector('a.p1');//ID選擇var s2 document.querySelector('div#p2');
var divs = document.querySelectorAll('div[index]'),
i,
len=divs.length;//
s1.style.color = 'red';
s2.style.color = 'yellow';
for (i=0;i<len;i++ )
{
divs[i].className = 'important';//divs.item(i).className = 'important';
}
</script>
</body>