DOM類名操作classList 屬性

2021-10-13 05:26:01 字數 1079 閱讀 3182

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

該屬性用於在元素中新增,移除及切換 css 類。

classlist 屬性是唯讀的,但你可以使用 add() 和 remove() 方法修改它。

add(class1, class2, …):在元素中新增乙個或多個類名。

document.

getelementbyid

("mydiv"

).classlist.

add(

"a")

;

remove(class1, class2, …):移除元素中乙個或多個類名。

document.

getelementbyid

("mydiv"

).classlist.

remove

("a"

);

toggle(class):在元素中切換類名。也就是如果有這個類名就刪除這個類名,如果沒有這個類名就新增這個類名

這個元素可以讓我們更容易寫開關燈特效,比如:

<

!doctype html>

"cn"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

.choose

<

/style>

<

/head>

"btn"

>開關燈<

/button>

var btn = document.

getelementbyid

('btn'

) btn.

onclick

=function()

<

/script>

<

/body>

<

/html>

vue封裝dom新增類名方法

如何封裝 判斷dom中是否含有某個類名 el 需要判斷的dom元素 classname 需要判斷的類名 export function hasclass el,classname 向dom中新增類名 el 需要新增類名的dom元素 classname 需要判斷的類名 export function ...

類名,抽象類名,介面類名

類名 類名作為形參和返回值型別時,呼叫方法傳遞的是該類的物件 貓類 public class cat 貓操作類 public class catoperator public cat geteat 貓的測試類 public class catdemo 抽象類名 抽象類名作為形參和返回值型別時,呼叫方...

class 類名 與inlcude「類名「

class 類名只是宣告存在這麼乙個類,但是通過這個宣告無法得到任何關於此類的具體資訊。這樣你可以在其他使用到的地方宣告乙個該型別的指標。include標頭檔案則是將整個該標頭檔案與使用到的地方關聯起來。使用class 類名一般是為了去除編譯依賴,減少編譯消耗的時間。include xx.h 在編譯...