查找具有类名称的所有元素的更好方法

Question

在不支持document.getElementsByClassName浏览器中，是否有更好/更快的方法来查找具有类名的所有元素？

var elements = document.getElementsByTagName('*'),
    results = [];

for (var i=0; i < elements.length; i++) {
  (elements[i].className === selector) ? results.push(elements[i]) : null;
}
return results;

不，我不想使用jQuery :)

Answer 1

我将检查John Resig在模拟document.getElementsByClassName方法上的比较 。

Answer 2

尽管IE8不支持document.getElementsByClassName ，但它确实支持document.querySelectorAll ，因此无论如何这将是IE8的一个选项。

您可以执行以下操作：

function byClass( sel ) {
    var results;
    if( document.querySelectorAll ) {
        results = document.querySelectorAll( '.' + sel );
    } else if( document.getElementsByClassName ) {
        results = document.getElementsByClassName( sel );
    } else {
        var elements = document.getElementsByTagName('*'),
        results = [];
        // and so on
    }
    return results;
}