单击按钮时,背景会改变颜色

时间:2014-12-11 16:40:44

标签: javascript colors

我想要做的是,当你点击一个按钮,我希望背景改变颜色,从黑色到灰色。但由于某种原因,我的代码不起作用,我尝试了不同的方式,但似乎没有任何工作,我的代码看起来正确,但它无法正常工作。 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";
   }

1 个答案:

答案 0 :(得分:2)

style.color更改文字颜色。您想使用style.backgroundColor