資訊專欄INFORMATION COLUMN
摘要：刪除任意數(shù)量的類名，若類名不存在，也不會拋出異常。起始根據(jù)索引返回相應(yīng)的類名。起始輸出用新的類名替換指定的類名。起始兼容性及以下不支持
介紹
可以用來替代以 element.className 訪問和操作 CSS 類名的方式
返回元素 class 屬性的 DOMTokenList，本身只讀，但是可以通過自身的 add / remove 等方法修改元素的 class 屬性
若元素的 class 屬性未設(shè)置或者為空，則 classList.length 為 0
用法 add( String [, String [, ...]] )添加任意數(shù)量的類名，若類名已存在則會被忽略。
const div = document.createElement("div");
const cls = ["foo", "bar"];
div.className = "foo"; // "foo"
div.classList.add(...cls); // "foo bar"
div.classList.add("bar baz"); // "foo bar baz"
remove( String [, String [, ...]] )
刪除任意數(shù)量的類名，若類名不存在，也不會拋出異常。
// 起始："foo bar baz"
div.classList.remove("foo"); // "bar baz"
item( Number )
根據(jù)索引返回相應(yīng)的類名。
// 起始："bar baz" console.log(div.classList.item(1)); // 輸出："baz"toggle( String [, force] )
當只有一個參數(shù)時：
若類名已存在，則刪除指定的類名并返回 false
若類名不存在，則添加指定的類名并返回 true
當有兩個參數(shù)時：
若第二個參數(shù)的值為 true，則添加指定的類名
若第二個參數(shù)的值為 false，則刪除指定的類名
// 起始："bar baz"
div.classList.toggle("foo"); // "foo bar baz"
div.classList.toggle("foo"); // "bar baz"
div.classList.toggle("foo", 2 < 1 ); // "bar baz"
contains( String )
檢查指定的類名是否存在。
// 起始："bar baz"
console.log(div.classList.contains("foo")); // 輸出：false
replace( oldClass, newClass )
用新的類名替換指定的類名。
// 起始："bar baz"
div.classList.replace("bar", "foo"); // "foo baz"
兼容性
IE 9 及以下不支持
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105031.html
摘要：刪除任意數(shù)量的類名，若類名不存在，也不會拋出異常。起始根據(jù)索引返回相應(yīng)的類名。起始輸出用新的類名替換指定的類名。起始兼容性及以下不支持 介紹 可以用來替代以 element.className 訪問和操作 CSS 類名的方式 返回元素 class 屬性的 DOMTokenList，本身只讀，但是可以通過自身的 add / remove 等方法修改元素的 class 屬性 若元素的 c...
摘要：定義是一個由可以接收事件的對象實現(xiàn)的接口，并且可以為它們創(chuàng)建偵聽器。重點分割線只有通過上面的繼承關(guān)系，我們得到的元素才是一個完整的對象，我們才能為它設(shè)置獲取屬性綁定事件添加樣式類等操作。 寫在前面，本文將同步發(fā)布于Blog、掘金、segmentfault、知乎等處，如果本文對你有幫助，記得為我得到我的個人技術(shù)博客項目給個star哦。 為何寫這篇文章？ 你可能做Web開發(fā)已經(jīng)有一段時間，...
閱讀 3486·2021-10-13 09:39
閱讀 1468·2021-10-08 10:05
閱讀 2273·2021-09-26 09:56
閱讀 2289·2021-09-03 10:28
閱讀 2688·2019-08-29 18:37
閱讀 2047·2019-08-29 17:07
閱讀 609·2019-08-29 16:23
閱讀 2200·2019-08-29 11:24
