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

Question

Is there a better/faster way to find all elements with a class name in browsers that don't support 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;

And no I don't want to use jQuery :)

Answer 1

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

Answer 2

While IE8 doesn't support document.getElementsByClassName , it does support document.querySelectorAll , so that would be an option for IE8 anyway.

You could do something like:

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;
}