資訊專欄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] )
當(dāng)只有一個參數(shù)時：
若類名已存在，則刪除指定的類名并返回 false
若類名不存在，則添加指定的類名并返回 true
當(dāng)有兩個參數(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://m.hztianpu.com/yun/105031.html
摘要：刪除任意數(shù)量的類名，若類名不存在，也不會拋出異常。起始根據(jù)索引返回相應(yīng)的類名。起始輸出用新的類名替換指定的類名。起始兼容性及以下不支持 介紹 可以用來替代以 element.className 訪問和操作 CSS 類名的方式 返回元素 class 屬性的 DOMTokenList，本身只讀，但是可以通過自身的 add / remove 等方法修改元素的 class 屬性 若元素的 c...
摘要：定義是一個由可以接收事件的對象實(shí)現(xiàn)的接口，并且可以為它們創(chuàng)建偵聽器。重點(diǎn)分割線只有通過上面的繼承關(guān)系，我們得到的元素才是一個完整的對象，我們才能為它設(shè)置獲取屬性綁定事件添加樣式類等操作。 寫在前面，本文將同步發(fā)布于Blog、掘金、segmentfault、知乎等處，如果本文對你有幫助，記得為我得到我的個人技術(shù)博客項(xiàng)目給個star哦。 為何寫這篇文章？ 你可能做Web開發(fā)已經(jīng)有一段時間，...
摘要：個人總結(jié)的比較全面的前端面試知識點(diǎn)。主要是一些個人認(rèn)為面試時容易考到以及平時需要注意的一些知識點(diǎn)。如果需要進(jìn)行深入了解可以根據(jù)知識點(diǎn)查詢相關(guān)的技術(shù)文章。 個人總結(jié)的比較全面的前端面試知識點(diǎn)。主要是一些個人認(rèn)為面試時容易考到以及平時需要注意的一些知識點(diǎn)。 本人只是對這些知識進(jìn)行了一個大概的總結(jié)，還有一部分技術(shù)還沒開始涉及，后期會持續(xù)添加。如果需要進(jìn)行深入了解可以根據(jù)知識點(diǎn)查詢相關(guān)的技術(shù)文...
閱讀 3579·2021-10-13 09:39
閱讀 1529·2021-10-08 10:05
閱讀 2356·2021-09-26 09:56
閱讀 2373·2021-09-03 10:28
閱讀 2762·2019-08-29 18:37
閱讀 2091·2019-08-29 17:07
閱讀 660·2019-08-29 16:23
閱讀 2264·2019-08-29 11:24
