classList用于添加和删除CSS类的API

classList用于添加和删除CSS类的API

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>