在div上点击第二次funcktion？

Question

第一次点击时，div应该变为红色，我希望它在第二次点击时变为白色，但我不知道如何。我需要在第二次点击时使div变为白色的代码。

function red() {
    document.getElementById("red").style.backgroundColor = "red";
}

Answer 1

你可以这样做：

Var colors[]=["red","white",...];    //colors that are to be selected in order.
Var clicked=0;                       // no. Of clicks
//call this function when the div is clicked like this <div onclick="changeColor()" .....
function changeColor(){

    document.getElementById(divId).style.background =colors[clicked];                                                 //change color according to clicks

    clicked++;                 // increase no. Of clicks by 1

    /*if you want to repeat the pattern */
    if(colors.length==clicked){
        clicked=0;
    }
}

Answer 2

向元素添加一个类，并使用jquery toggleClass获取更多详细信息，请阅读this。