如何使用 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 類的更多信息。