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

如何使用 JavaScript 向元素添加 CSS 類

要將 CSS 類添加到 HTML 元素,可以使用 classList 元素的屬性。它是一個只讀屬性,返回一個實時 DOMTokenList 應用於元素的所有類的集合。

假設您有以下 HTML 元素:

<div>🍕</div>

添加 pizza 類到上述<div> 元素,可以使用如下代碼:

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

div.classList.add('pizza');

classList.add() 方法還允許您添加多個類:

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

div.classList.add('pizza', 'spice', 'potato');

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

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


Tutorial JavaScript 教程
  1. 使用 Node.js 發送電子郵件

  2. 使用網絡信息 API 檢查網絡狀態

  3. React 不容易學?

  4. IE6覆蓋區

  5. 我應該使用什麼 JavaScript 庫來解析 URL 參數?

  6. 可以讓 JS 更強大嗎?

  7. 如何將 Redux Toolkit 添加到 React-Redux 應用程序⚛️

  1. VS 代碼擴展的想法 [RE#9]

  2. 使用 Babel 和 Typescript 設置 Node JS、Express、Prettier、ESLint 和 Husky 應用程序:第 1 部分

  3. 在 11ty 中從 Twitter API 導入推文

  4. 意外的令牌,預期的,(8:21)

  5. 用於圖形的 JSX

  6. 學習足夠多的 Redux 以開始您的項目

  7. 在賽普拉斯的測試之間保持動態變量

  1. Svelte - 使用 Supabase 登錄和身份驗證

  2. Ali Spittel 談論在沒有計算機科學學位的情況下學習編程

  3. 使用 React、TypeScript 和 Rollup 設置組件庫

  4. 構建 Django 中間件(將數據注入到視圖的上下文中)