通过单击元素来更改元素的背景

我想编写一个非常简单的脚本并需要一些帮助。这是我想要的脚本。默认情况下，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

通过单击元素来更改元素的背景

回答

相关问题