如何使用 JavaScript 將類別新增至 HTML 元素？

為現有元素添加類別

在HTML 中，我們可以將類別分配給元素，以使用CSS 對其進行樣式化和識別。有時，我們需要使用 JavaScript 為現有元素動態新增附加類別。本教學介紹了兩種實現此目的的方法，以滿足現代和傳統瀏覽器的需求。

現代瀏覽器 (IE9)：

classList 屬性提供了一個簡單的方法來操作元素的類別。新增類別的方法如下：

element.classList.add("my-class");

舊版瀏覽器（IE8-）：

對於舊版瀏覽器，我們需要直接操作 className 屬性。但是，我們需要仔細考慮元素中存在的現有類別。

步驟：

1. 為元素分配一個 ID，以便在 JavaScript 中輕鬆存取。
2. 使用下列 JavaScript 程式碼新增class:

var d = document.getElementById("elementID");
d.className += " new-class";

確保在新類別名稱之前包含一個空格，以避免覆寫現有類別。

以上是如何使用 JavaScript 將類別新增至 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！