通過單擊元素來更改元素的背景

我想編寫一個非常簡單的腳本並需要一些幫助。這是我想要的腳本。默認情況下，div元素沒有背景色。當你點擊這個div時，它需要填充紅色背景顏色。那麼，當你再次點擊這個div時，它應該再沒有背景。通過單擊元素來更改元素的背景

CSS代碼如下：

<head> 
<style type="text/css"> 

    #red,#green,#blue,#black{ 
     width:200px; 
     height:100px; 
     margin-bottom:25px; 
     border:solid red 1px; 
    } 

</style>

HTML和一些JS代碼：

<body> 

    <div id='red'></div> 


     <script type="text/javascript"> 
     <!-- 

      var x = document.getElementById('red'); 

       x.onclick = function(){ 

        x.style.backgroundColor = 'red'; 

     } 

     //--> 
     </script>

來源

2012-04-21 user976813

對於JavaScript中，這將與紅色，然後點擊運行把它帶回去：

var clicked = false, 
    x = document.getElementById('red'); 

x.onclick = function(){ 
    x.style.backgroundColor = clicked ? 'transparent' : 'red'; 
    clicked = true; 
};

來源

2012-04-21 08:02:06

通過單擊元素來更改元素的背景

回答

相關問題