JavaScript >> Javascript 文檔 >  >> Tags >> CSS

如何使用 JavaScript 從元素中刪除 CSS 類

remove() classList的方法 屬性可用於從 HTML 元素中刪除 CSS 類。

假設您有以下 <div> 元素:

<div class="pizza hot spicy potato">🍕</div>

刪除 spicy 從上面的 HTML 元素中創建類,您可以執行以下操作:

const div = document.querySelector('div');

div.classList.remove('spicy');

remove() 方法還允許您從 HTML 元素中刪除多個 CSS 類,如下所示:

const div = document.querySelector('div');

div.classList.remove('pizza', 'potato');

classList 屬性適用於現代瀏覽器,以及 IE10 及更高版本。

查看本文以了解有關在 JavaScript 中添加、刪除和切換 CSS 類的更多信息。


Tutorial JavaScript 教程
  1. Redux 為 React 開發者簡單明了的解釋

  2. 時鐘上的javascript按鈕

  3. dom-chef - 使用 JSX 構建 DOM 元素

  4. JS - 標記模板文字

  5. 原版 JavaScript 日期 toLocaleString

  6. 切換多個密碼字段(可訪問表單)

  7. [~]$ git init (AdventureSite)

  1. 異步 JavaScript 的傳奇:Thunks

  2. Foreach 推送到數組 JavaScript |示例代碼

  3. 一個關於 JavaScript 的 slice 和 splice 方法的問題

  4. 在結帳功能中執行選擇查詢

  5. React 狀態管理 - 第 1 部分:簡介和本地狀態管理

  6. 🦄 如何在 React JS 中定義你的 CSS/SCSS ⚡️

  7. 錯誤:多部分:未找到邊界

  1. 14 個 jQuery 實時搜索插件

  2. TypeScript 中的函數重載

  3. Web 開發者工具的歷史

  4. 2021 年人員後端開發人員指南 - 我需要知道什麼?!