javascript中獲取class的簡單實(shí)現(xiàn)
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的簡單實(shí)現(xiàn)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)三階幻方算法謎題解答
這篇文章主要介紹了JavaScript實(shí)現(xiàn)三階幻方算法謎題解答,三階幻方是指試將1~9這9個(gè)不同整數(shù)填入一個(gè)3×3的表格,使得每行、每列以及每條對角線上的數(shù)字之和相同,需要的朋友可以參考下2014-12-12
JavaScript Canvas實(shí)現(xiàn)井字棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas實(shí)現(xiàn)井字棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
uni-app返回上一個(gè)頁面并進(jìn)行頁面刷新的方法
這篇文章主要給大家介紹了關(guān)于uni-app返回上一個(gè)頁面并進(jìn)行頁面刷新的相關(guān)資料,返回上一頁面在uniapp有多種方法,文中給出了詳細(xì)的圖文示例,需要的朋友可以參考下2023-07-07
JavaScript實(shí)現(xiàn)簡易tab欄切換案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡易tab欄切換案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06
基于HTML+JS實(shí)現(xiàn)簡單的年齡計(jì)算器
JavaScript提供了一些內(nèi)置的日期和時(shí)間函數(shù),有助于從日期(出生日期)開始計(jì)算年齡。本文主要介紹了使用這些JavaScript方法,制作一個(gè)簡單的年齡計(jì)算器,快來跟隨小編一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12

