一個按鈕兩個if語句在javascript中的css div

如果我使用兩個按鈕，它現在工作正常我不知道如果我可以只使用一個和如何，這是兩個按鈕的代碼但是我想只使用一個按鈕執行該改變div的風格，比如我寫的按鈕代碼是代碼：一個按鈕兩個if語句在javascript中的css 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>

來源

2014-03-01 user2887761

請讓您的代碼更容易閱讀，例如與縮進。 –

我想你想做的事是：

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 。

來源

2014-03-01 19:57:41

非常感謝你我嘗試過類似的事情，但並不完全一樣，我想我必須更加努力地學習。 – user2887761

一個按鈕兩個if語句在javascript中的css div

回答

相關問題