className的不方便之處:
在操作類名時,需要通過className屬性添加,刪除和替換類名。因為className中是一個字符串,所以即使只修改字符串一部分,也必須每次都設置整個字符串的值。(如下所示:)

html部分

但是!!!classList卻極為方便!!!所以classList誕生了...
●classList屬性:這個屬性是新集合類型DOMTokenList的實例。其包含以下屬性和方法:
->length
->item()(也可以用方括號語法):取得每個元素
->add():將給定的字符串值添加到列表中。如果值已經存在,就不添加。
->contains():表示列表中是否存在給定的值,如果存在則返回true,否則返回false。
->remove():從列表中刪除給定的字符串。
->toggle():如果列表中已經存在給定的值,刪除它;如果列表中沒有給定的值,添加它。

作者:royluck
鏈接:https://www.jianshu.com/p/86f45d04ed50
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯系作者獲得授權並注明出處。