本文小編為大家詳細(xì)介紹“javascript的類如何修改”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“javascript的類如何修改”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

在芒市等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),芒市網(wǎng)站建設(shè)費(fèi)用合理。

在JavaScript中，可利用classList屬性配合toggle()方法來修改類，classList屬性用于返回元素的類名，toggle()方法用于在元素中切換類名，語法為“element.classList.toggle(類名)”。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript怎么修改類

classList 屬性返回元素的類名，作為 DOMTokenList 對(duì)象。

該屬性用于在元素中添加，移除及切換 CSS 類。

classList 屬性是只讀的，但你可以使用 add() 和 remove() 方法修改它。

語法為：

element.classList

add(class1, class2, ...) 在元素中添加一個(gè)或多個(gè)類名。

如果指定的類名已存在，則不會(huì)添加

contains(class) 返回布爾值，判斷指定的類名是否存在。

可能值：

true - 元素包已經(jīng)包含了該類名

false - 元素中不存在該類名

item(index) 返回元素中索引值對(duì)應(yīng)的類名。索引值從 0 開始。

如果索引值在區(qū)間范圍外則返回 null

remove(class1, class2, ...) 移除元素中一個(gè)或多個(gè)類名。

注意： 移除不存在的類名，不會(huì)報(bào)錯(cuò)。

toggle(class, true|false) 在元素中切換類名。

第一個(gè)參數(shù)為要在元素中移除的類名，并返回 false。

如果該類名不存在則會(huì)在元素中添加類名，并返回 true。

第二個(gè)是可選參數(shù)，是個(gè)布爾值用于設(shè)置元素是否強(qiáng)制添加或移除類，不管該類名是否存在。例如：

移除一個(gè) class: element.classList.toggle("classToRemove", false);

添加一個(gè) class: element.classList.toggle("classToAdd", true);

示例如下：

點(diǎn)擊按鈕切換類名。
點(diǎn)我
注意： Internet Explorer 9 及更早 IE 版本瀏覽器不支持 classList 屬性。

我是一個(gè) DIV 元素。