欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2016年07月12日 09:42:29   投稿:jingxian  
下面小編就為大家?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 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)項目中實際應(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) //支持這個函數(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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JsRender for object語法簡介

    JsRender for object語法簡介

    這篇文章主要介紹了JsRender for object語法,以實例形式講述了for Object的用法,需要的朋友可以參考下
    2014-10-10
  • Bootstrap筆記—折疊實例代碼

    Bootstrap筆記—折疊實例代碼

    本篇文章主要介紹了Bootstrap筆記—折疊實例代碼,詳細(xì)的介紹了折疊效果實例,包括一組多組等,非常具有實用價值,需要的朋友可以參考下。
    2017-03-03
  • 淺析BootStrap柵格系統(tǒng)

    淺析BootStrap柵格系統(tǒng)

    這篇文章主要介紹了淺析BootStrap柵格系統(tǒng)的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • JavaScript實現(xiàn)三階幻方算法謎題解答

    JavaScript實現(xiàn)三階幻方算法謎題解答

    這篇文章主要介紹了JavaScript實現(xiàn)三階幻方算法謎題解答,三階幻方是指試將1~9這9個不同整數(shù)填入一個3×3的表格,使得每行、每列以及每條對角線上的數(shù)字之和相同,需要的朋友可以參考下
    2014-12-12
  • JavaScript Canvas實現(xiàn)井字棋游戲

    JavaScript Canvas實現(xiàn)井字棋游戲

    這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas實現(xiàn)井字棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • 瀏覽器兼容console對象的簡要解決方案分享

    瀏覽器兼容console對象的簡要解決方案分享

    不同瀏覽器或者版本之間對于console對象的支持不盡相同,而console方法在開發(fā)調(diào)試過程中都是不錯的工具。難道要在上線前把所有console.xxxx去掉以保證某些瀏覽器不報錯么。其實可以變通解決
    2013-10-10
  • uni-app返回上一個頁面并進(jìn)行頁面刷新的方法

    uni-app返回上一個頁面并進(jìn)行頁面刷新的方法

    這篇文章主要給大家介紹了關(guān)于uni-app返回上一個頁面并進(jìn)行頁面刷新的相關(guān)資料,返回上一頁面在uniapp有多種方法,文中給出了詳細(xì)的圖文示例,需要的朋友可以參考下
    2023-07-07
  • 文本框回車提交與禁止提交示例

    文本框回車提交與禁止提交示例

    文本框輸入數(shù)據(jù)后使用回車進(jìn)行提交,想必大家都嘗試過吧,在本文有個不錯的示例,喜歡的朋友可以參下
    2013-09-09
  • JavaScript實現(xiàn)簡易tab欄切換案例

    JavaScript實現(xiàn)簡易tab欄切換案例

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡易tab欄切換案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • 基于HTML+JS實現(xiàn)簡單的年齡計算器

    基于HTML+JS實現(xiàn)簡單的年齡計算器

    JavaScript提供了一些內(nèi)置的日期和時間函數(shù),有助于從日期(出生日期)開始計算年齡。本文主要介紹了使用這些JavaScript方法,制作一個簡單的年齡計算器,快來跟隨小編一起學(xué)習(xí)學(xué)習(xí)吧
    2021-12-12

最新評論