javascript中css div的一个按钮两个if语句答案

【问题标题】：one button two if statements for a css div in javascriptjavascript中css div的一个按钮两个if语句
【发布时间】：2014-04-02 21:22:21
【问题描述】：

如果我使用两个按钮现在效果很好我想知道我是否可以只使用一个以及如何使用，这是两个按钮的代码但是我只想使用一个按钮来执行更改 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>

【问题讨论】：

请让您的代码更易于阅读，例如带有缩进。

标签： javascript function html button styles

【解决方案1】：

我想你想做的是：

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";
    }
};

这是你的工作DEMO。

【讨论】：

非常感谢我尝试了类似的东西，但没有这么精确，我想我必须更加努力地学习。