javascript使用class獲取元素物件程式碼

admin發表於2017-03-09

class是元素中最常用的元素屬性之一,如果能夠利用class獲取元素物件那就再好不過了,幸運的是javascript給我提供了這樣的函式getElementsByClassName(),此函式可以獲取具有指定class屬性值的元素物件,但是此函式具有瀏覽器相容性問題,下面是一段能夠相容個瀏覽器的程式碼。

[JavaScript] 純文字檢視 複製程式碼
function getElementsByClassName(elem_name,elem_tags){  
  if(elem_tags==null) { 
    elem_tags='*'; 
  } 
  var all_elem=document.getElementsByTagName(elem_tags);
  var arr=[];
  for(var i=0;i<all_elem.length;i++) { 
    if(all_elem[i].className==elem_name) { 
      arr.push(all_elem[i]); 
    } 
  } 
  return arr;
}

以上程式碼程式碼可以將含有指定class屬性值的元素放入一個陣列,然後返回,也許此方法不夠全面,僅供大家參考之用,更多內容可以參閱getElementsByClassName()一章節。

相關文章