使用css和javascript改變文本顏色和圖像背景顏色

Question

我想寫一個腳本來改變文本的顏色和圖像的顏色點擊..在這裏我想調用外部樣式表（我將創建）功能..每種顏色都會有不同的.css頁面。所以，當我點擊橙色的文字和圖像背景應該改變爲橙色，如果我點擊紅色它應該改變爲紅色..任何人都可以幫助我出局..任何想法或sugessions ...提前致謝。

Answer 1

定義每個顏色在你的CSS類：

.red { 
color: red; 
} 

.blue { 
color: blue; 
} 

然後設置你的HTML點擊屬性：

<p onclick="javascript: this.setAttribute('class', 'red');">Click to make me red</p> 
<p onclick="javascript: this.setAttribute('class', 'blue');">Click to make me blue</p> 

這裏有描述的優化不 - 用不顯眼的JavaScript主要是 - 但這應該給你一個開始。