javascript中獲取class的簡單實現(xiàn)
更新時間:2016年07月12日 09:42:29 投稿:jingxian
下面小編就為大家?guī)硪黄猨avascript中獲取class的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
js中沒有獲取class的辦法,找了一些封裝好的方法,這里整理一下
(1)先進(jìn)行封裝
//封裝getClass function getClass(tagName,className) //獲得標(biāo)簽名為tagName,類名className的元素 { if(document.getElementsByClassName) //支持這個函數(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)項目中實際應(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) //支持這個函數(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的簡單實現(xiàn)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript Canvas實現(xiàn)井字棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas實現(xiàn)井字棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08