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の場合、これは赤を1回クリックするだけで機能し、その後何も表示されなくなります。

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

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