JS classList 用法簡介

2021-08-10 19:07:19 字數 1427 閱讀 5198

定義及用法

瀏覽器支援

pc端

屬性 google ie firefox safari opera

classlist 8.0 10.0 3.6 5.1 11.5

語法
element.classlist

屬性
length:

唯讀屬性, 返回列表中類的長度.

方法

1. 為元素新增類:

element.classlist.add(class1, class2, …);

add(class1, class2, ...)

* 在元素中新增乙個或多個類名.

* 若指定類名已存在, 則不新增.

2. 檢視元素是否存在類:
element.classlist.contains(class);

contains(class)

* 判斷類名是否存在.

* 返回布林值: true/false.

3. 獲取元素的第 index 個類名(索引為 index ):
element.classlist.item(index);

item(index)

* 返回類名在元素中的索引值, 索引從 0 開始.

* 如果不在索引區間內, 返回 null.

4. 移除類
element.classlist.remove(「mystyle」); // 單個移除

element.classlist.remove(「mystyle」, 「anotherclass」, 「thirdclass」); // 多個移除

remove(class1, class2, ...)

* 在元素中刪除乙個或多個類名.

* 若指定類名不存在, 不會報錯.

5. 為元素切換類:
element.classlist.toggle(「newclassname」);

toggle(class, true|false)

* 在元素中切換類名.

* 第乙個在引數為在元素中移除的類名, 並返回 false.

* 如果該類名不存在, 則會在元素中新增類名, 並返回 true.

* 第二引數可選, 是布林值, 用於設定元素是否強制新增或移除類, 不管該類是否存在.

* 注意: internet explorer 或 opera 12 及其更早版本不支援第二個引數。

nth element 用法簡介

簡單的說nth element演算法僅排序第nth個元素 從0開始的索引 如iarray first,last 元素區間 排序後 iarray nth 就是第nth大的元素 從0開始 要注意的是 first,nth nth,last 內 的大小循序還不一定 只能確定iarray nth 是第nth大...

C STL 用法簡介

感覺類似python的字典 需要 include 定義是map m 如 map mapstudent int 是 key,string是value 是乙個對映關係,可以使用key通過下標訪問,訪問其中的元素。定義了三種型別,插入鍵值對的插入規則 第一種就是直接通過下標插入 mapstudent ke...

ToStringBuilder用法簡介

1 tostringbuilder hashcodebuilder equalsbuilder tostringstyle reflectiontostringbuilder comparetobuilder等這些類都是位於apace的commons lang.jar下面的,所以要使用這些類一定要匯...