国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript中獲取class的簡(jiǎn)單實(shí)現(xiàn)

2019-11-20 09:30:33
字體:
供稿:網(wǎng)友

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)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 广东省| 特克斯县| 卓尼县| 固安县| 麟游县| 建德市| 黄山市| 阿鲁科尔沁旗| 六枝特区| 龙山县| 绥中县| 蒙阴县| 绵阳市| 华阴市| 石棉县| 马关县| 集贤县| 府谷县| 新宾| 萨迦县| 和平县| 绥宁县| 商都县| 屏东县| 安康市| 津南区| 塔河县| 阿尔山市| 万源市| 奎屯市| 高尔夫| 方正县| 临海市| 蒙阴县| 三穗县| 尚志市| 黔江区| 礼泉县| 清远市| 高唐县| 绥滨县|