為現有元素添加類別
在HTML 中,我們可以將類別分配給元素,以使用CSS 對其進行樣式化和識別。有時,我們需要使用 JavaScript 為現有元素動態新增附加類別。本教學介紹了兩種實現此目的的方法,以滿足現代和傳統瀏覽器的需求。
現代瀏覽器 (IE9):
classList 屬性提供了一個簡單的方法來操作元素的類別。新增類別的方法如下:
element.classList.add("my-class");
舊版瀏覽器(IE8-):
對於舊版瀏覽器,我們需要直接操作 className 屬性。但是,我們需要仔細考慮元素中存在的現有類別。
步驟:
var d = document.getElementById("elementID"); d.className += " new-class";
確保在新類別名稱之前包含一個空格,以避免覆寫現有類別。
以上是如何使用 JavaScript 將類別新增至 HTML 元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!