classList屬性的知識點整理

2021-08-21 03:31:27 字數 611 閱讀 2075

classlist屬性返回元素的類名,作為domtokenlist物件

該屬性用於在元素中新增、移出、切換css類

語法:elem.classlist

方法:add( string[,string]):新增指定的類值。如果這些類已經存在於元素的屬性中,那麼他們將被忽略

remove(string[,string]):刪除指定的類值

item(number):按集合中的索引返回類值

toggle(string[,force]):

contains(string):檢查元素的類屬性中是否存在指定的類值

屬性length:返回類列表中類的數量,該屬性是唯讀的

嗯、一例勝千言,看個小例子:

**複製過去,看看效果就很容易理解了,所以此處我就不再多說什麼了,那這個是新新增的屬性,相容性肯定是要考慮的,請看下面:

下表中的數字,表示瀏覽器支援的第乙個版本號

屬性chrome

iefirefox

safari

opera

classlist

8.010.0

3.65.1

11.5

TestLink知識點Mantis知識點

testlink知識點 1 testlink系統提供了六種角色 a guest 只有讀的許可權,適合於檢視測試用例和測試需求,以及專案分析的使用者。b testdesigner 可以開展測試用例和測試需求的所有工作。c tester 只能執行測試用例。d senior tester 可以檢視和維護測...

前端知識點之overflow屬性的用法

如果你沒有設定乙個盒子的 高度,該盒子的高度將根據他容納的內容的需要進行增長 但是當你給盒子指定乙個高度或者寬度而裡面的內容超出的時候可以用到overflow,又或者想讓浮動元素撐起 包含塊的時候也可以使用overflow屬性 overflow屬性 其有四個值 visible 預設 hidden,s...

元素的classList屬性怎麼用

檢視html元素的classlist元素將返回型別為domtokenlist的物件,所以我們要研究的是該物件的屬性和方法。該型別的物件描述了乙個用空格分隔的字串陣列,陣列的每一項代表該元素的乙個類名。htmlelement.classlist,htmllinkelement.rellist,html...