0

我想写一个非常简单的脚本，需要一些帮助。这是我希望脚本执行的操作。默认情况下，有一个没有背景颜色的 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>

4

1 回答 1

1

对于 JavaScript，只需单击一下红色即可工作，然后将其恢复为空：

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

x.onclick = function(){
    x.style.backgroundColor = clicked ? 'transparent' : 'red';
    clicked = true;
};
于 2012-04-21T08:02:06.037 回答