className的不方便之處:
在操作類名時(shí)烘豌,需要通過(guò)className屬性添加庄萎,刪除和替換類名逗载。因?yàn)閏lassName中是一個(gè)字符串,所以即使只修改字符串一部分农曲,也必須每次都設(shè)置整個(gè)字符串的值社搅。(如下所示:)
但是!E竽琛罚渐!classList卻極為方便!Q蓖荷并!所以classList誕生了...
●classList屬性:這個(gè)屬性是新集合類型DOMTokenList的實(shí)例。其包含以下屬性和方法:
->length
->item()(也可以用方括號(hào)語(yǔ)法):取得每個(gè)元素
->add():將給定的字符串值添加到列表中青扔。如果值已經(jīng)存在源织,就不添加。
->contains():表示列表中是否存在給定的值微猖,如果存在則返回true谈息,否則返回false。
->remove():從列表中刪除給定的字符串凛剥。
->toggle():如果列表中已經(jīng)存在給定的值侠仇,刪除它;如果列表中沒(méi)有給定的值,添加它逻炊。