根据类名匹配元素(DOM API),返回匹配到的元素数组,无匹配则返回空的数组。javascript
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
javascript
var els = document.querySelector(“ul li:nth-child(odd)”);var els
=document.querySelector(“table.test > tr > td”);
querySelectorAll返回所有匹配到的元素数组,如果没有匹配则返回空的数组
javascript
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效率是最高的。
Selectors API遵循CSS选择器效率规则