定義和用法:
classList 屬性返回元素的類名,作為 DOMTokenList 對象衩匣。
該屬性用于在元素中添加矛辕,移除及切換 CSS 類。
classList 屬性是只讀的熬甚,但你可以使用 add() 和 remove() 方法修改它逢渔。
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器的版本號。
屬性 | 谷歌 | IE | 火狐 | 歐朋 | |
---|---|---|---|---|---|
classList | 8.0 | 10.0 | 3.6 | 5.1 | 11.5 |
語法:
element.classList
Properties:
屬性 | Description |
---|---|
length | 返回類列表中類的數(shù)量 該屬性是只讀的 |
方法:
方法 | 描述 |
---|---|
add(class1, class2, ...) | 在元素中添加一個或多個類名乡括。 如果指定的類名已存在肃廓,則不會添加 |
contains(class) | 返回布爾值,判斷指定的類名是否存在诲泌。 可能值:true - 元素包已經(jīng)包含了該類名 false - 元素中不存在該類名 |
item(index) | 返回類名在元素中的索引值盲赊。索引值從 0 開始。 如果索引值在區(qū)間范圍外則返回 null |
remove(class1, class2, ...) | 移除元素中一個或多個類名敷扫。 注意: 移除不存在的類名哀蘑,不會報錯。 |
toggle(class, true|false) | 在元素中切換類名葵第。第一個參數(shù)為要在元素中移除的類名绘迁,并返回 false。 如果該類名不存在則會在元素中添加類名羹幸,并返回 true脊髓。 第二個是可選參數(shù),是個布爾值用于設(shè)置元素是否強(qiáng)制添加或移除類栅受,不管該類名是否存在。 例如: 移除一個 class: element.classList.toggle("classToRemove", false); 添加一個 class: element.classList.toggle("classToAdd", true); 注意: Internet Explorer 或 Opera 12 及其更早版本不支持第二個參數(shù)恭朗。 |
技術(shù)描述
返回值: | 一個 DOMTokenList, 包含元素的類名列表 |
---|