HTML5 js api 新的选择器

根据类名匹配元素（DOM API），返回匹配到的元素数组，无匹配则返回空的数组。

var els = document.getElementsByClassName(‘section’);

支持浏览器：IE9, FireFox 3.0+, Safari 3.2+, Chrome 4.0+, Opera 10.1+

根据css选择器匹配元素（Selectors API）：querySelector 和 querySelectorAll。 querySelector返回匹配到的第一个元素，如果没有匹配则返回null

var els = document.querySelector(“ul li:nth-child(odd)”);var els =document.querySelector(“table.test > tr > td”);

querySelectorAll返回所有匹配到的元素数组，如果没有匹配则返回空的数组

var els = document.querySelectorAll(“ul li:nth-child(odd)”);var els =document.querySelectorAll(“table.test > tr > td”);

支持浏览器：IE 8+, FireFox 3.5+, Safari 3.2+, Chrome 4.0+, Opera 10.1+

Opera的Selectors API明显经过优化，其余浏览器的getElementById效率是最高的。