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