查找具有類名稱的所有元素的更好方法

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