按鈕：Onclick更改自己bgcolor

我有10個按鈕，當點擊其中一個按鈕時，按鈕應該將自己的背景顏色更改爲＃B2DD28。 -這個怎麼做？按鈕：Onclick更改自己bgcolor

<button type="button" onClick="">time:</button> 
<button type="button" onClick="">length:</button> 
<button type="button" onClick="">position:</button>

- 這是可能的JavaScript？要做到這一點

來源

2016-09-26 Heiko

一種方法是創建一個CSS樣式類

.myColor {背景顏色：＃B2DD28; }

並將該類添加到每個按鈕的單擊事件上。喜歡的東西

$（本）.addClass（myColor）

來源

2016-09-26 07:05:50

需要多一點代碼 - 類似於和在您的示例中缺少。 – Heiko

您可以將此按鈕itsef內使用..

<button type="button" onClick="this.style.background = 'red'">time:</button>

來源

2016-09-26 07:11:32 Sathish

請看一看這個示例中，我做它用純Javascript編寫而不是Jquery。

<button type="button" onClick="changeColor(this)">time:</button> 
 
<button type="button" onClick="changeDynamicColor(this, 'blue')">length:</button> 
 
<button type="button" onClick="changeDynamicColor(this, 'green')">position:</button> 
 

 

 
<script> 
 

 
function changeColor(e){ 
 

 
\t e.style.backgroundColor = "#B2DD28"; 
 
    
 
} 
 

 
function changeDynamicColor(e, color){ 
 

 
\t e.style.backgroundColor = color; 
 
    
 
} 
 

 

 
</script>

來源

2016-09-26 07:12:28 jmaghuyop

Here's相對瑣碎的事件無關與自我意識不到替代的方式來做到這一點，如果你願意......這可能是更好的使用恰當的事件處理程序註冊模型由JavaScript提供（addEventListener）或像JQuery這樣的框架。 :)

function derp() { 
 
    document.activeElement.style.backgroundColor = '#B2DD28'; 
 
}

<button type="button" onclick="derp()">time:</button> 
 
<button type="button" onclick="derp()">length:</button> 
 
<button type="button" onclick="derp()">position:</button>

只需點擊「運行代碼片斷」上面，然後點擊按鈕，看到他們打開#B2DD28蔭的綠色。 :)

來源

2016-09-26 07:16:49 TylerY86

按鈕：Onclick更改自己bgcolor

回答

相關問題