classList用於新增和刪除CSS類的API

cenfeng發表於2019-07-03
CSSAPI

該 classList API提供了原生的方式來新增，刪除，切換，或檢查CSS類存在的元素。它比解析容易得多 element.className ：

1
2
3
4
五
6
7
8
9
10
element.classList.add( "someclass" ) //adds a class to element<font></font>
element.classList.add( "class1" , "class2" , etc) //adds multiple CSS classes. Not supported in IE11 or FF26 or less.<font></font>
<font></font>
element.classList.remove( "someclass" ) //removes a class from element<font></font>
element.classList.remove( "class1" , "class2" , etc) //removes multiple CSS classes. Not supported in IE11 or FF26 or less.<font></font>
<font></font>
element.classList.toggle( "someclass" ) //toggles a class. If already exists removes and returns false. Otherwise adds class and returns true<font></font><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
element.classList.toggle（“someclass”，expression） //根據表示式的結果新增或刪除“someclass”。</font><font style="vertical-align: inherit;">IE11或FF26或更低版本不支援。</font></font><font></font>
<font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >
element.classList.contains（“someclass”） //檢查元素中是否存在類</font></font>


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69933200/viewspace-2649465/，如需轉載，請註明出處，否則將追究法律責任。

相關文章