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

如何使用JavaScript 將類別新增至給定元素

要將類別新增至現有元素，您可以使用多種方法，取決於瀏覽器相容性要求。

現代瀏覽器

對於現代瀏覽器，classList 屬性提供了一個簡單的解決方案：

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

此程式碼會將「 my-class」類別加入指定元素。若要刪除類，請使用 classList.remove。

Internet Explorer 9 及更低版本

對於 Internet Explorer 9 及更低版本等較舊的瀏覽器，您可以手動修改 className屬性:

var d = document.getElementById("div1");
d.className += " otherclass";

確保在新類別名稱之前包含一個空格，因為這可以防止與現有類別發生衝突

附加說明

• 所有主要現代瀏覽器都支援classList 屬性，包括Chrome、Firefox、Safari、Edge 和Opera。
• 有關 classList 屬性和其他操作類別的方法的更多信息，請參閱 MDN 文檔element.className.

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