Question

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

Answer 1

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

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

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

单击元素更改元素的背景

1 个答案: