資訊專欄INFORMATION COLUMN
摘要：為每個(gè)元素定義了屬性，用于在元素中添加，移除及切換類。該屬性是對(duì)象一個(gè)只讀的類數(shù)組對(duì)象，你可以通過定義的方法對(duì)其進(jìn)行修改。
HTML5為每個(gè)元素定義了classLlist屬性，用于在元素中添加，移除及切換 CSS 類。該屬性是 DOMTokenList 對(duì)象（一個(gè)只讀的類數(shù)組對(duì)象），你可以通過DOMTokenList定義的方法對(duì)其進(jìn)行修改。
屬性：length：返回類列表中類的數(shù)量（只讀） 用法：el.classList.length方法：
.a { color:red }
.b { color:green }
.c { color: yellow }
var el = document.getElementById(div);
add( class1, class2, ...)
在元素中添加一個(gè)或多個(gè)類名（如果指定的類名已存在，則不會(huì)添加）
用法：`el.classList.add("a", "b", "c");`
remove( class1, class2, ...)
刪除元素中一個(gè)或多個(gè)類名
用法：el.classList.remove("a","b");
toggle(class, true|false)
在元素中切換類名
參數(shù)1：要移出或者添加的類名
參數(shù)2：可選參數(shù)，不論類名是否存在，為true時(shí)強(qiáng)制添加類名，false時(shí)強(qiáng)制刪除類名
用法： 添加：el.classList.toggle("d", true);，刪除：el.classList.toggle("d", false);
contains( class )
判斷指定的類名是否存在
用法：el.classList.contains("e") ，//返回true
item(index)
根據(jù)索引返回類名，索引從 0 開始，如果沒有則返回null 用法：el.classList.item(0) //返回e
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/111881.html
摘要：使用，程序員還可以用它來判斷某個(gè)節(jié)點(diǎn)是否被賦予了某個(gè)類。現(xiàn)在是增加現(xiàn)在是刪除是否存在類檢查是否含有某個(gè)類結(jié)果是或者。屬性返回類列表中類的數(shù)量。查看元素有多少個(gè)類名獲取獲取元素的所有類名返回類名在元素中的索引值。 頁(yè)面DOM里的每個(gè)節(jié)點(diǎn)上都有一個(gè)classList對(duì)象，程序員可以使用里面的方法新增、刪除、修改節(jié)點(diǎn)上的CSS類。使用classList，程序員還可以用它來判斷某個(gè)節(jié)點(diǎn)是否被賦...
摘要：使用可以給元素很方便的添加和刪除等操作，現(xiàn)在原生的也可以實(shí)現(xiàn)這個(gè)方法了。刪除指定的類值。所以目前來看，還是無法在實(shí)際中放心的使用，只能用于某些特定的項(xiàng)目等。不過我們可以通過一些來實(shí)現(xiàn)，或者最下方給出的原生實(shí)現(xiàn)。 使用jQuery可以給元素很方便的添加class和刪除class等操作，現(xiàn)在原生的JavaScript也可以實(shí)現(xiàn)這個(gè)方法了。使用classList可以方便的添加class、刪除...
摘要：與類相關(guān)的擴(kuò)充在開發(fā)領(lǐng)域得到廣泛采用后導(dǎo)致了一個(gè)很大的變化，即屬性用得越來越多，一方面可以通過它為元素添加樣式，另一方面還可以用它表示元素的語義。在對(duì)象上調(diào)用始終會(huì)返回與類名匹配的所有元素，在元素上調(diào)用該方法就只會(huì)返回后代元素中匹配的元素。 對(duì)于傳統(tǒng)HTML而言，HTML5是一個(gè)叛逆。所有之前的版本對(duì)JavaScript接口的描述都不過三言兩語，主要篇幅都用于定義標(biāo)記，與JavaScr...
閱讀 1403·2021-11-22 15:11
閱讀 2843·2019-08-30 14:16
閱讀 2760·2019-08-29 15:21
閱讀 2919·2019-08-29 15:11
閱讀 2461·2019-08-29 13:19
閱讀 2992·2019-08-29 12:25
閱讀 422·2019-08-29 12:21
閱讀 2837·2019-08-29 11:03
