更改類名而不更改javascript中的樣式

Question

我無法禁用某些元素上的事件（即使是 element.onclick = null），所以我決定更改元素的名稱。
我只是通過以下方式嘗試：

element.className = "newOne";

但它讓我的元素消失了，很可能是因為它清除了樣式。
我的第二種方法包括保存樣式，然后將其重新復制到舊元素：

TempStyles = element.styles.cssText;
element.className = "newOne";
element.styles.cssText = tempStyles;

我嘗試使用 .cssText 和沒有它，它們都不起作用。
!!!我的限制是 IE8 並且沒有 jQUERY !!!

Answer 1

如果您以前歸於一類到HTML元素，做element.className = "newOne"將取代所有其他類與newOne ，以及與它們相關的任何樣式。

如果要保留舊類和各自的樣式，則必須將新類附加到 HTML 元素：

element.className += " newOne";

注意新類名前的額外空格。 需要將新的類名與之前的類名分開，因此該屬性將保留oldClass newOne而不是oldClassnewOne 。 這樣，您的元素現在有兩個類。