classList屬性和className的區別


className的不方便之處:

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

 
html部分
 
 

但是!!!classList卻極為方便!!!所以classList誕生了...

●classList屬性:這個屬性是新集合類型DOMTokenList的實例。其包含以下屬性和方法:

->length

->item()(也可以用方括號語法):取得每個元素

->add():將給定的字符串值添加到列表中。如果值已經存在,就不添加。

->contains():表示列表中是否存在給定的值,如果存在則返回true,否則返回false。

->remove():從列表中刪除給定的字符串。

->toggle():如果列表中已經存在給定的值,刪除它;如果列表中沒有給定的值,添加它。

 


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM