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

更新時間：2016年07月12日 09:42:29 投稿：jingxian

下面小編就為大家?guī)硪黄猨avascript中獲取class的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

js中沒有獲取class的辦法，找了一些封裝好的方法，這里整理一下

（1）先進行封裝

//封裝getClass 
      function getClass(tagName,className) //獲得標簽名為tagName,類名className的元素 
      { 
        if(document.getElementsByClassName) //支持這個函數(shù) 
        {    return document.getElementsByClassName(className); 
        } 
        else 
        {    var tags=document.getElementsByTagName(tagName);//獲取標簽 
          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）項目中實際應用

//點擊的  自定義屬性personid，打開詳情頁面并且進行跨頁面?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) //獲得標簽名為tagName,類名className的元素 
      { 
        if(document.getElementsByClassName) //支持這個函數(shù) 
        {    return document.getElementsByClassName(className); 
        } 
        else 
        {    var tags=document.getElementsByTagName(tagName);//獲取標簽 
          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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: