使用onclick-function更改背景顏色

我想通過單擊類來更改類的背景顏色。我試過的代碼不起作用。謝謝你在前進使用onclick-function更改背景顏色

HTML：

<a href="#!" onclick="message()" onclick="message()" class="changeBack"> SEND ME A MESSAGE </a>

CSS：

.changeBack { 
    background-color: rgba(0, 0, 0, 0.0); 
}

JAVASCRIPT：

function message() { 

     var background = document.getElementsByClassName("changeBack").style.backgroundColor; 
      if (background == "rgba(0, 0, 0, 0.0)") { 
       background = "rgba(0, 0, 0, 0.1)"; 
     } else { 
     background = "rgba(0, 0, 0, 0.0)"; 
    } 

}

來源

2017-02-23 Soccerlife

還有就是你的代碼。

function myFunction() { 
 
    var x = document.getElementById('box'); 
 
    if (x.style.backgroundColor === 'red') { 
 
     x.style.backgroundColor = 'blue'; 
 
    } else { 
 
     x.style.backgroundColor = 'red'; 
 
    } 
 
}

#box{ 
 
background-color:red; 
 
padding:1rem; 
 
width : 50%; 
 
height:150px; 
 
margin:auto; 
 
}

<div id="box" onclick="myFunction()"> 
 
</div>

來源

2017-02-23 22:46:03 Nadim

它不會在我的檔案工作。我已經有了另一個onclick函數（請參閱編輯），或者這是不可能的？它必須包含一個if/else語句，因爲每次單擊該類時都會更改。編輯：我刪除了消息（），然後它確實有效，但是如果我將它們結合在一起，它不會。 – Soccerlife

它現在工作謝謝你！ – Soccerlife

我編輯我的代碼片段以便切換腳本，現在可以運行它，它每次都在變化。 – Nadim

使用onclick-function更改背景顏色

回答

相關問題