久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

設(shè)置 class 屬性與獲取 class 屬性方式類(lèi)似，都是通過(guò) Element 對(duì)象提供的 className 屬性和 classList 屬性實(shí)現(xiàn)。 ## Element 對(duì)象的 className 屬性 Element 對(duì)象提供的 className 屬性既可以實(shí)現(xiàn)獲取，也可以實(shí)現(xiàn)設(shè)置。其設(shè)置的語(yǔ)法結(jié)構(gòu)如下: ```javascript elementNodeReference.className = cName; ``` 上述語(yǔ)法結(jié)構(gòu)中，作為值的 cName 是一個(gè)字符串變量。表示當(dāng)前元素的class屬性的值，可以是由空格分隔的多個(gè)class屬性值。 我們可以通過(guò)以下示例代碼，學(xué)習(xí)如何通過(guò) className 屬性設(shè)置: ```javascript var btn = document.getElementById('btn'); var className = btn.className; className += ' animate'; btn.className = className; ``` ## Element 對(duì)象的 classList 屬性 Element 對(duì)象提供的 classList 屬性與 className 屬性類(lèi)似，既可以實(shí)現(xiàn)獲取，也可以實(shí)現(xiàn)設(shè)置。 但 classList 屬性自身是只讀屬性，換句話講，我們并不能通過(guò) classList 屬性進(jìn)行設(shè)置。而是通過(guò)以下方法實(shí)現(xiàn): | 方法名稱(chēng) | 描述 | | --- | --- | | add() | 添加指定的類(lèi)值。如果這些類(lèi)已經(jīng)存在于元素的屬性中，那么它們將被忽略。| | remove() | 刪除指定的類(lèi)值。| | item() | 按集合中的索引返回類(lèi)值。| | toggle() | 切換指定的類(lèi)值。 | | contains() | 檢查元素的類(lèi)屬性中是否存在指定的類(lèi)值。| 我們可以通過(guò)以下示例代碼，學(xué)習(xí)上述方法的使用: ```javascript var btn = document.getElementById('btn'); var classList = btn.classList; // 添加 .animate 樣式 classList.add('animate'); // 刪除 .animate 樣式 classList.remove('animate'); // 如果 .animate 存在，則刪除；如果 .animate 不存在，則添加 classList.toggle('animate'); // 判斷是否存在 .animate 樣式 console.log(classList.contains('animate')); ```