JavaScript 通過class獲取元素物件

antzone發表於2019-05-16

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

更為內容可以參閱JavaScript getElementsByClassName()一章節。

相關文章