javascript中獲取class的簡單實現

js中沒有獲取class的辦法，找了一些封裝好的方法，這裡整理一下

（1）先進行封裝

//封裝getClass function getClass(tagName,className) //獲得標籤名為tagName,類名className的元素{ if(document.getElementsByClassName) //支持這個函數{ return document.getElementsByClassName(className); } else { var tags=document.getElementsByTagName(tagName);//獲取標籤var tagArr=[];//用於返回類名為className的元素for(var i=0;i < tags.length; i++) { if(tags[i].class == className) { tagArr[tagArr.length] = tags[i];//保存滿足條件的元素} } return tagArr; } }

（2）主體程序

<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul>

（3）獲取class為dicTap的所有li內容程序

window.onload = function(){ var topMenus = getClass('li','dicTap'); for(var i=0;i < topMenus.length; i++) { alert(topMenus[i].innerHTML); }}

（4）項目中實際應用

//點擊的自定義屬性personid，打開詳情頁面並且進行跨頁面傳值var dicTap = getClass('li','dicTap'); for(var i=0;i <dicTap.length; i++) { dicTap[i].addEventListener('tap',function(){ var personId=this.getAttribute("personid"); localStorage.a=personId; mui.openWindow({ url: 'disciplineDetail.html', id:'disciplineDetail' }); }) } //封裝getClass function getClass(tagName,className) //獲得標籤名為tagName,類名className的元素{ if(document.getElementsByClassName) //支持這個函數{ return document.getElementsByClassName(className); } else { var tags=document.getElementsByTagName(tagName);//獲取標籤var tagArr=[];//用於返回類名為className的元素for(var i=0;i < tags.length; i++) { if(tags[i].class == className) { tagArr[tagArr.length] = tags[i];//保存滿足條件的元素} } return tagArr; } }

以上這篇javascript中獲取class的簡單實現就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。