一鍵兩個if語句，用於javascript中的CSS div

Question

如果我使用兩個按鈕，它現在可以正常工作，我想知道是否可以只使用一個按鈕，以及如何使用，這是兩個按鈕的代碼，但是我只想使用一個按鈕來執行更改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

我認為您想做的是：

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

這是您的工作演示。

一鍵兩個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