本节的最后介绍两个原生DOM方法，querySelector()和querySelectorAll()，相信大家都不陌生，前者返回一个数组（注意，它们的返回值不像HTML集合一样会动态变化），后者返回匹配的第一个元素。好吧，其实并不是所有时候它的性能都优于前者的HTML集合遍历。
console.time(1); var lis1 = document.getElementsByTagName('li'); console.timeEnd(1); console.time(2); var lis2 = document.querySelectorAll('li'); console.timeEnd(2); // 1: 0.038ms // 2: 3.957ms但是因为它是类似CSS的选择方法，所以在做组合选择的时候，效率会提升，又方便。比如做如下的组合查询：
var elements = document.querySelectorAll('#menu a'); var elements = document.querySelectorAll('div.warning, div.notice');