Element.classList

H5新增了一種操作類(lèi)名的方法昼牛,classList泛鸟,這個(gè)屬性是新集合類(lèi)型DOMTokenList的實(shí)例蝠咆。
Element.classList 是一個(gè)只讀屬性,返回一個(gè)元素的類(lèi)屬性的實(shí)時(shí) DOMTokenList
集合北滥。
使用 **classList **是一個(gè)方便的替代方法刚操,通過(guò)element.className
作為空格分隔的字符串訪問(wèn)元素的類(lèi)列表。

方法

  • add( String [, String] )
    添加指定的類(lèi)值再芋。如果這些類(lèi)已經(jīng)存在于元素的屬性中菊霜,那么它們將被忽略。
  • remove( String [,String] )
    刪除指定的類(lèi)值济赎。
  • item ( Number )
    按集合中的索引返回類(lèi)值鉴逞。
  • toggle ( String [, force] )
    當(dāng)只有一個(gè)參數(shù)時(shí):切換 class value; 即如果類(lèi)存在记某,則刪除它并返回false,如果不存在构捡,則添加它并返回true液南。
    當(dāng)存在第二個(gè)參數(shù)時(shí):如果第二個(gè)參數(shù)的計(jì)算結(jié)果為true,則添加指定的類(lèi)值叭喜,如果計(jì)算結(jié)果為false贺拣,則刪除它
  • contains( String )
    檢查元素的類(lèi)屬性中是否存在指定的類(lèi)值。

示例

// div是具有class =“foo bar”的<div>元素的對(duì)象引用
div.classList.remove("foo");
div.classList.add("anotherclass");

// 如果visible被設(shè)置則刪除它捂蕴,否則添加它
div.classList.toggle("visible");

// 添加/刪除 visible譬涡,取決于測(cè)試條件裳凸,i小于10
div.classList.toggle("visible", i < 10);

alert(div.classList.contains("foo"));

//添加或刪除多個(gè)類(lèi)
div.classList.add("foo","bar");
div.classList.remove("foo", "bar");
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末秘蛇,一起剝皮案震驚了整個(gè)濱河市蜕该,隨后出現(xiàn)的幾起案子坑夯,更是在濱河造成了極大的恐慌,老刑警劉巖猖腕,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件刃宵,死亡現(xiàn)場(chǎng)離奇詭異逊脯,居然都是意外死亡级乍,警方通過(guò)查閱死者的電腦和手機(jī)舌劳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)玫荣,“玉大人甚淡,你說(shuō)我怎么就攤上這事⊥背В” “怎么了贯卦?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)焙贷。 經(jīng)常有香客問(wèn)我撵割,道長(zhǎng),這世上最難降的妖魔是什么辙芍? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任啡彬,我火速辦了婚禮,結(jié)果婚禮上沸手,老公的妹妹穿的比我還像新娘外遇。我一直安慰自己,他們只是感情好契吉,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著诡渴,像睡著了一般捐晶。 火紅的嫁衣襯著肌膚如雪菲语。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,521評(píng)論 1 304
  • 那天惑灵,我揣著相機(jī)與錄音山上,去河邊找鬼。 笑死英支,一個(gè)胖子當(dāng)著我的面吹牛佩憾,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播干花,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼妄帘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了池凄?” 一聲冷哼從身側(cè)響起抡驼,我...
    開(kāi)封第一講書(shū)人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎肿仑,沒(méi)想到半個(gè)月后致盟,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡尤慰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年馏锡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片伟端。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡杯道,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出荔泳,到底是詐尸還是另有隱情蕉饼,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布玛歌,位于F島的核電站昧港,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏支子。R本人自食惡果不足惜创肥,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望值朋。 院中可真熱鬧叹侄,春花似錦、人聲如沸昨登。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)丰辣。三九已至撒强,卻和暖如春禽捆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背飘哨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工胚想, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人芽隆。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓浊服,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親胚吁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子牙躺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Element.classList是一個(gè)只讀屬性,它返回元素的類(lèi)名囤采,作為DOMTokenList對(duì)象述呐,該元素用于在...
    levinhax閱讀 1,205評(píng)論 1 0
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)蕉毯,斷路器乓搬,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 10,970評(píng)論 6 13
  • 江山美如嬌,英雄競(jìng)折腰代虾。 借天五百年进肯,易我太平謠。
    水和hobe123閱讀 376評(píng)論 0 2
  • 平常我們看到的信息棉磨,和觀點(diǎn)不一定真實(shí)江掩,正確。要有懷疑精神乘瓤,有自己的思想和主見(jiàn)环形,時(shí)刻反思,才不會(huì)人云亦云衙傀。
    斐麗希婭閱讀 182評(píng)論 0 0