要素をクリックして要素の背景を変更してください

私は非常に簡単なスクリプトを書いて、何か助けが必要です。ここに私がスクリプトにしたいものがあります。デフォルトで背景色のない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コード：JavaScriptが

<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

、これはその後、赤のワンクリックで動作しますそれを何も返さないでください：

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

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

出典

2012-04-21 08:02:06

要素をクリックして要素の背景を変更してください

答えて

関連する問題