js根據class值獲取元素物件

antzone發表於2017-03-22

class屬性是元素中最為常見的屬性之一,如果能夠通過class屬性訪問到指定元素,那麼將是一件非常便利的操作,幸運的javascript提供了getElementsByClassName()函式可以實現此功能,但是遺憾的是,此函式具有很大的瀏覽器相容性問題,下面就是一段能夠實現相容各個瀏覽器的程式碼例項,希望能夠給需要的朋友帶來幫助。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function getElementsByClassName(classname,node){ 
  node = node || window.document; 
  if(node.getElementsByClassName){ 
    return node.getElementsByClassName(classname); 
  }
  else{ 
    var results = new Array(); 
    var elems = node.getElementsByTag("*"); 
    for (var i=0;i<elems.length;i++){ 
      if(elems[i].className.indexOf(classname) != -1){ 
        results[elems.length] = elems[i];
      } 
    } 
    return results; 
  } 
}

更為詳細的介紹可以參閱getElementsByClassName()用法詳解一章節。

相關文章