目標：
使用附加類別增強 HTML元素
場景：
給定一個具有現有類別的元素，我們的目標是新增一個類別而不覆蓋原始類別。
解決方案:
利用透過 classList屬性，您可以輕鬆地為元素添加類別：
element.classList.add("my-class");類似地，要刪除類別：
element.classList.remove("my-class");為了滿足對於Internet Explorer 9 等較舊的瀏覽器，可以透過在新類別名稱後面附加一個空格來修改元素的className 屬性。作為先決條件，為元素分配一個id 以便於存取：
<div>
然後，使用JavaScript：
var d = document.getElementById("div1");
d.className += " otherclass";記得在「otherclass」之前包含一個前導空格以保留現有的類別限定符。
請參閱 Mozilla 開發者網路(MDN) 有關 element.className 的綜合文件。
以上是如何為 HTML 元素新增類別而不覆寫現有類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
