欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

javascript中獲取class的簡(jiǎn)單實(shí)現(xiàn)
來(lái)源:易賢網(wǎng) 閱讀:1241 次 日期:2016-07-28 15:11:19
溫馨提示:易賢網(wǎng)小編為您整理了“javascript中獲取class的簡(jiǎn)單實(shí)現(xiàn)”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)?lái)一篇javascript中獲取class的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。

js中沒(méi)有獲取class的辦法,找了一些封裝好的方法,這里整理一下

(1)先進(jìn)行封裝

//封裝getClass 

      function getClass(tagName,className) //獲得標(biāo)簽名為tagName,類(lèi)名className的元素 

      { 

        if(document.getElementsByClassName) //支持這個(gè)函數(shù) 

        {    return document.getElementsByClassName(className); 

        } 

        else

        {    var tags=document.getElementsByTagName(tagName);//獲取標(biāo)簽 

          var tagArr=[];//用于返回類(lèi)名為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,打開(kāi)詳情頁(yè)面并且進(jìn)行跨頁(yè)面?zhèn)髦?nbsp;

      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,類(lèi)名className的元素 

      { 

        if(document.getElementsByClassName) //支持這個(gè)函數(shù) 

        {    return document.getElementsByClassName(className); 

        } 

        else

        {    var tags=document.getElementsByTagName(tagName);//獲取標(biāo)簽 

          var tagArr=[];//用于返回類(lèi)名為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è)參考

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:javascript中獲取class的簡(jiǎn)單實(shí)現(xiàn)
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)