下面小編就為大家?guī)硪黄猨avascript中獲取class的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。

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)髦?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,類名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è)參考