当点击按钮时，背景改变颜色

Question

我想要做的是，当您单击一个按钮时，我希望背景改变颜色，从黑色变为灰色。但是由于某种原因，我的代码无法正常工作，我尝试了多种不同的方式，但似乎没有任何效果，我的代码看起来正确但无法正常工作。 html和java也必须分开。我将不胜感激任何帮助！谢谢:)

这是我的 HTML

   <html>
    <body> <div id ="main"> <button type="Grey" id="Grey" onclick="colorControl(this)">
    Grey</button> </div> </body> </html>

她是我的JS

    var isGrey = true;
    function colorControl (el){ 
    if(isGrey){
    document.getElementById("main").style.color = ("#b8b8b8");
    isGrey= false;
    el.innerHTML = "Black";
    return;
    }
    document.getElementById("main").style.color = ("#b8b8b8");
    isGrey = true;

   el.innerHTML = "Grey";
   }

Answer 1

style.color 更改文本颜色。你想用style.backgroundColor