国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 桃江县| 衡东县| 奉节县| 锡林浩特市| 雅安市| 无为县| 奉化市| 容城县| 民县| 伽师县| 茂名市| 西盟| 福州市| 连州市| 梨树县| 虎林市| 盘山县| 金塔县| 西乌珠穆沁旗| 长宁县| 璧山县| 襄樊市| 龙江县| 汉川市| 定安县| 香港| 攀枝花市| 龙游县| 沅陵县| 新乐市| 和林格尔县| 什邡市| 万山特区| 吉木乃县| 阿鲁科尔沁旗| 尚义县| 彭山县| 台南市| 砀山县| 乐平市| 永安市|