1 querySelector和querySelectorAll是W3C提供的新的查询接口，他们的参数必须符合css selector，不同的是前者返回的是DOM对象，包含DOM对象下的所有节点，而后者返回的是NodeList，存放的是类数组元素。
2 目前 IE8/9及Firefox/Chrome/Safari/Opera 的最新版已经支持
1 <div id="box"> 2 <div id="header">header</div> 3 <ul class="ul1"> 4 <li><a href="#">1</a></li> 5 <li><a href="#">2</a></li> 6 <li><a href="#">3</a></li> 7 <li><a href="#">4</a></li> 8 </ul> 9 <ul class="ul2"> 10 <li><a href="#">5</a></li> 11 <li><a href="#">6</a></li> 12 <li><a href="#">7</a></li> 13 <li><a href="#">8</a></li> 14 </ul> 15 <div class="content">content</div> 16 </div> 17 18 <script type="text/javascript"> 19 20 var box = document.querySelector(‘#box‘); 21 var ul1 = document.querySelector(‘.ul1‘); 22 var ul = document.querySelectorAll(‘div ul‘); 23 console.log(box) 24 console.log(ul1) 25 console.log(ul)
console出来的结果是：
1 整个id名为box下的所有节点
2 类名为ul1节点下的所有节点
3 返回的是NodeList
querySelector和querySelectorAll,布布扣,bubuko.com
querySelector和querySelectorAll
原文：http://www.cnblogs.com/guoyongfeng/p/3906745.html