資訊專欄INFORMATION COLUMN
摘要：刪除任意數(shù)量的類名，若類名不存在，也不會(huì)拋出異常。起始根據(jù)索引返回相應(yīng)的類名。起始輸出用新的類名替換指定的類名。起始兼容性及以下不支持
介紹
可以用來(lái)替代以 element.className 訪問(wèn)和操作 CSS 類名的方式
返回元素 class 屬性的 DOMTokenList，本身只讀，但是可以通過(guò)自身的 add / remove 等方法修改元素的 class 屬性
若元素的 class 屬性未設(shè)置或者為空，則 classList.length 為 0
用法 add( String [, String [, ...]] )添加任意數(shù)量的類名，若類名已存在則會(huì)被忽略。
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ù)量的類名，若類名不存在，也不會(huì)拋出異常。
// 起始："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] )
當(dāng)只有一個(gè)參數(shù)時(shí)：
若類名已存在，則刪除指定的類名并返回 false
若類名不存在，則添加指定的類名并返回 true
當(dāng)有兩個(gè)參數(shù)時(shí)：
若第二個(gè)參數(shù)的值為 true，則添加指定的類名
若第二個(gè)參數(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/54094.html
摘要：刪除任意數(shù)量的類名，若類名不存在，也不會(huì)拋出異常。起始根據(jù)索引返回相應(yīng)的類名。起始輸出用新的類名替換指定的類名。起始兼容性及以下不支持 介紹 可以用來(lái)替代以 element.className 訪問(wèn)和操作 CSS 類名的方式 返回元素 class 屬性的 DOMTokenList，本身只讀，但是可以通過(guò)自身的 add / remove 等方法修改元素的 class 屬性 若元素的 c...
摘要：定義是一個(gè)由可以接收事件的對(duì)象實(shí)現(xiàn)的接口，并且可以為它們創(chuàng)建偵聽(tīng)器。重點(diǎn)分割線只有通過(guò)上面的繼承關(guān)系，我們得到的元素才是一個(gè)完整的對(duì)象，我們才能為它設(shè)置獲取屬性綁定事件添加樣式類等操作。 寫在前面，本文將同步發(fā)布于Blog、掘金、segmentfault、知乎等處，如果本文對(duì)你有幫助，記得為我得到我的個(gè)人技術(shù)博客項(xiàng)目給個(gè)star哦。 為何寫這篇文章？ 你可能做Web開(kāi)發(fā)已經(jīng)有一段時(shí)間，...
摘要：個(gè)人總結(jié)的比較全面的前端面試知識(shí)點(diǎn)。主要是一些個(gè)人認(rèn)為面試時(shí)容易考到以及平時(shí)需要注意的一些知識(shí)點(diǎn)。如果需要進(jìn)行深入了解可以根據(jù)知識(shí)點(diǎn)查詢相關(guān)的技術(shù)文章。 個(gè)人總結(jié)的比較全面的前端面試知識(shí)點(diǎn)。主要是一些個(gè)人認(rèn)為面試時(shí)容易考到以及平時(shí)需要注意的一些知識(shí)點(diǎn)。 本人只是對(duì)這些知識(shí)進(jìn)行了一個(gè)大概的總結(jié)，還有一部分技術(shù)還沒(méi)開(kāi)始涉及，后期會(huì)持續(xù)添加。如果需要進(jìn)行深入了解可以根據(jù)知識(shí)點(diǎn)查詢相關(guān)的技術(shù)文...
閱讀 582·2021-11-22 14:45
閱讀 3070·2021-10-15 09:41
閱讀 1555·2021-10-11 10:58
閱讀 2797·2021-09-04 16:45
閱讀 2606·2021-09-03 10:45
閱讀 3238·2019-08-30 15:53
閱讀 1221·2019-08-29 12:28
閱讀 2133·2019-08-29 12:14
