创建一个；“手电筒”；使用JavaScript和HTML。在颜色之间切换有困难_Javascript_Html

创建一个；“手电筒”；使用JavaScript和HTML。在颜色之间切换有困难

javascript html

创建一个；“手电筒”；使用JavaScript和HTML。在颜色之间切换有困难,javascript,html,Javascript,Html,我对HTML和JavaScript非常陌生，所以要友好。我需要创建一个“手电筒”，从黑色变为白色，反之亦然，点击。我可以点击屏幕，屏幕将切换为白色，但如何将其切换回黑色？我应该使用if语句吗下面是JavaScript： function body_load() { } function on_click() { document.getElementById("divMain").style.background = "#FFFFFF"; } 以及HTML： body { margin:0

我对HTML和JavaScript非常陌生，所以要友好。我需要创建一个“手电筒”，从黑色变为白色，反之亦然，点击。我可以点击屏幕，屏幕将切换为白色，但如何将其切换回黑色？我应该使用if语句吗

下面是JavaScript：

function body_load() {
}

function on_click() {
document.getElementById("divMain").style.background = "#FFFFFF";
}

以及HTML：

body {
margin:0px;
padding:0px;
background-color:#FF0000;
overflow:auto;
}

#divMain {
position:absolute;
left:0px;
top:0px;
width:320px;
height:460px;
background-color:black;
-webkit-user-select:none;
-webkit-text-size-adjust:none;
}

</style>

</head>

<body 
onload="body_load();" 
onclick="on_click();"
>

<div 
id="divMain">
</div>

正文{
边际：0px；
填充：0px；
背景色：#FF0000；
溢出：自动；
}
#迪夫曼{
位置：绝对位置；
左：0px；
顶部：0px；
宽度：320px；
高度：460px；
背景色：黑色；
-webkit用户选择：无；
-webkit文本大小调整：无；
}

我只能更改JavaScript文件中的代码，但是使用条件if语句来确定背景是否需要更改，下面是一个示例

使用条件if语句确定背景是否需要更改，下面是一个

与另一个答案类似，但如果您只需要黑白，也可以使用此选项：

function on_click() {
    var div = document.getElementById("divMain");

    if (div.style.background === "white") {
        div.style.background = "black";
    } else {
        div.style.background = "white";
    }
}

与另一个答案类似，但如果您只需要黑白，也可以使用此选项：

function on_click() {
    var div = document.getElementById("divMain");

    if (div.style.background === "white") {
        div.style.background = "black";
    } else {
        div.style.background = "white";
    }
}

@AlienArrays-这是过度的，OP没有提到。如果您觉得有必要添加此类性质的要求，那么最好是你发布自己的答案。这很有效，但是我需要它在再次单击时变回黑色。@AlienArrays-这太过分了，OP没有提到。如果你觉得有必要添加这种类型的要求，如果你发布你自己的答案，那将是最好的。这是有效的，但是我需要它在我再次点击时变回黑色。