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

when click on button, background changes colour

本文关键字：改变 变颜色 背景 按钮 单击      更新时间：2023-09-26

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

这是我的网页 

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

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

相关文章：