js中沒有獲取class的辦法,找了一些封裝好的方法,這里整理一下
(1)先進(jìn)行封裝
//封裝getClass function getClass(tagName,className) //獲得標(biāo)簽名為tagName,類名className的元素 { if(document.getElementsByClassName) //支持這個(gè)函數(shù) { return document.getElementsByClassName(className); } else { var tags=document.getElementsByTagName(tagName);//獲取標(biāo)簽 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 class="dicTap">1</li> <li class="dicTap">2</li> <li class="dicTap">3</li> <li class="dicTap">4</li></ul>
(3)獲取class為dicTap的所有l(wèi)i內(nèi)容程序
window.onload = function(){ var topMenus = getClass('li','dicTap'); for(var i=0;i < topMenus.length; i++) { alert(topMenus[i].innerHTML); }}(4)項(xiàng)目中實(shí)際應(yīng)用
//點(diǎn)擊的 自定義屬性personid,打開詳情頁面并且進(jìn)行跨頁面?zhèn)髦? 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) //獲得標(biāo)簽名為tagName,類名className的元素 { if(document.getElementsByClassName) //支持這個(gè)函數(shù) { return document.getElementsByClassName(className); } else { var tags=document.getElementsByTagName(tagName);//獲取標(biāo)簽 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的簡(jiǎn)單實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注