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>