一键两个if语句，用于javascript中的CSS div

Question

If I use two buttons it works fine now I wonder if I could use just one and how, this is the code for two buttons however I want to use only one button to execute the code that changes the style of the div, for instance the buttons code that I wrote is: 如果我使用两个按钮，它现在可以正常工作，我想知道是否可以只使用一个按钮，以及如何使用，这是两个按钮的代码，但是我只想使用一个按钮来执行更改div样式的代码，例如我写的按钮代码是：

<title></title>
<style>#ok{width:100px;height:100px;background-color:black;}</style>
</head>

<body>
<div id="ok">ok</div>
<button id="a">on</button>
<button id="b">off</button>
<script>
var a=document.querySelector("#a");
var b=document.getElementById("ok");
a.addEventListener("click",k,false);
var c=document.querySelector("#b");
c.addEventListener("click",g,false);
function k(){
b.style.backgroundColor="yellow";
};
function g(){
b.style.backgroundColor="black";
};
</script>

Answer 1

I think what do you want to do is: 我认为您想做的是：

document.querySelector("#a").addEventListener("click", k, false);

function k() {
    var a = document.querySelector("#a");
    var ok = document.getElementById("ok");
    if(ok.style.backgroundColor=="yellow"){
        a.innerHTML = "on";
        ok.style.backgroundColor = "black";
    }
    else{
        a.innerHTML = "off";
        ok.style.backgroundColor = "yellow";
    }
};

This your working DEMO . 这是您的工作演示。

一键两个if语句，用于javascript中的CSS div

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-03-01 19:57:41

一键两个if语句，用于javascript中的CSS div

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-03-01 19:57:41

解决方案1
0 已采纳 2014-03-01 19:57:41