javascript中獲取class的簡單實現(xiàn)

    下面小編就為大家?guī)硪黄猨avascript中獲取class的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。
    js中沒有獲取class的辦法，找了一些封裝好的方法，這里整理一下
    （1）先進(jìn)行封裝
    //封裝getClass 
          function getClass(tagName,className) //獲得標(biāo)簽名為tagName,類名className的元素 
          { 
            if(document.getElementsByClassName) //支持這個函數(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>1</li>
      <li>2</li>
      <li>3</li>
      <li>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）項目中實際應(yīng)用
    //點擊的  自定義屬性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) //支持這個函數(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的簡單實現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考