元素的CSS類可以通過JavaScript設置嗎？

Question

我想這樣做：

e.className = t; 

其中T是我在樣式表中定義的樣式的名稱。

Answer 1

如果e是一個DOM元素的引用，你有一個這樣的類：.t {color:green;}那麼你要引用類的字符串名字：

e.className = 't'; 

Answer 2

是的，這是有效的（類名稱作爲字符串，如jonah提到）。此外，您可以使用接口直接在對象上設置樣式屬性。例如，

button.style.fontFamily = "Verdana, Arial, sans-serif"; 

其中button是（推測是）按鈕對象。 :-)

Answer 3

不僅如此工作，但它的即使是最佳做法。

您明確希望將數據格式（xHTML）與設計（CSS）和行爲（javascript）分開。

因此，根據事件在JS中添加和刪除類是好得多的，而審美關注點被委派給CSS樣式。

E.G：用紅色着色錯誤信息。

CSS

.error 
{ 
    color: red; 
} 

JS

var error=document.getElementById('error'); 
error.className='error'; 

N.B：

• 這個片段只是一個例子。在現實生活中，你只會使用js。
• document.getElementById並不總是可以互操作的。最好使用JS框架來處理它。我個人使用JQuery。