如何使用HTML5的classList屬性操作CSS類-創(chuàng)新互聯(lián)
這篇“如何使用HTML5的classList屬性操作CSS類”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“如何使用HTML5的classList屬性操作CSS類”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來(lái)就讓我們進(jìn)入主題吧。
專注于為中小企業(yè)提供
成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)
民勤免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
html有什么特點(diǎn)
1、簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便，適合初學(xué)前端開(kāi)發(fā)者使用。
2、可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。
3、平臺(tái)無(wú)關(guān)性：超級(jí)文本標(biāo)記語(yǔ)言能夠在廣泛的平臺(tái)上使用，這也是萬(wàn)維網(wǎng)盛行的一個(gè)原因。
4、通用性：HTML是網(wǎng)絡(luò)的通用語(yǔ)言，它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。
注意
classList兼容性有些差，不兼容ie10以下的ie瀏覽器。
示例
classList
點(diǎn)擊按鈕為DIV元素添加 "mystyle" 類。
點(diǎn)我
我是一個(gè) DIV 元素。
新增類
使用add方法，你可以往頁(yè)面元素是新增一個(gè)或多個(gè)類：
document.getElementById("myDIV").classList.add("mystyle");刪除一個(gè)類
使用remove方法，你可以刪除單個(gè)CSS類：
document.getElementById("myDIV").classList.remove("mystyle");在元素中切換類名
在元素中切換類名。使用toggle方法,語(yǔ)法：toggle(class, true|false)
第一個(gè)參數(shù)為要在元素中移除的類名，并返回 false。
如果該類名不存在則會(huì)在元素中添加類名，并返回 true。
第二個(gè)是可選參數(shù)，設(shè)置布爾值用于設(shè)置元素是否強(qiáng)制添加或移除類，不管該類名是否存在。例如：
移除一個(gè)
document.getElementById("myDIV").classList.toggle("classToRemove", false);添加一個(gè)
document.getElementById("myDIV").classList.toggle("classToAdd", true);注意： Internet Explorer 或 Opera 12 及其更早版本不支持第二個(gè)參數(shù)
檢查是否含有某個(gè)類
使用contains方法，判斷某個(gè)類是否存在，返回布爾值。
//returns true or false
document.getElementById("myDIV").classList.contains("myDIV");以上是“如何使用HTML5的classList屬性操作CSS類”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
文章題目：如何使用HTML5的classList屬性操作CSS類-創(chuàng)新互聯(lián)
文章出自：
http://weahome.cn/article/dijpcc.html
重慶分公司
重慶分公司
