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

如何使用 JavaScript 替換元素的 CSS 類

replace() classList的方法 屬性可用於替換 JavaScript 中 HTML 元素中的 CSS 類。

假設您有以下 HTML 元素:

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

替換 spicy olive 的類 類,您可以執行以下操作:

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

div.classList.replace('spicy', 'olive');

replace() 方法返回 true 如果類被新類替換成功,否則false .

classList 的 add()、remove() 和 toggle() 方法不同 屬性,replace() 方法在 IE 中不起作用。您只能在現代瀏覽器中使用它。

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


Tutorial JavaScript 教程
  1. 修復政府代碼

  2. 5 種優化 React 應用程序性能的技術

  3. Leetcode 日記:1261. 在受污染的二叉樹中查找元素

  4. 將 Apache ECharts 與 React 和 TypeScript 一起使用:使用聚合轉換

  5. 將 Docker 與您的個人項目集成

  6. 輕鬆構建獨特、可訪問且輕量級的 Vue 組件

  7. 使用哪個 React 可視化庫?

  1. /you/ 如何為 React 組件編寫測試?

  2. 使用 JavaScript 的矩陣下雨代碼效果

  3. 如何使用 Playwright 端到端測試您的 Vue.js 應用程序🧪

  4. 為佔位符找個地方!

  5. 我是韋斯博斯,問我任何問題!

  6. 在 Reactstrap 中使用 CSS Flexbox

  7. 我的第一個 Node、Express 和 ReactJs 作品集。第2部分。

  1. JavaScript 中的數據結構是什麼?

  2. React Native:樣板概述

  3. 如何在 Svelte 中使用 Typescript

  4. Remix Markdown 概覽頁面