javascript - 单击按钮更改背景颜色

Question

我正在学习 javascript!

我需要做的是，通过单击按钮更改图像的同时更改背景颜色。

改变图片，从开灯到关灯，工作正常，唯一的问题是我的 html 页面的背景颜色没有改变。

  function colorize() {
            var element = document.getElementById("azul");
            element.style.backgroundColor = 'blue';
            element.style.color = "yellow";
        }

    html{
         background:
             grey;
     }
     #azul:focus {
         background: blue;
        
     }

    <div id="branca">
        <h1>LOI Lampen aanzetten en uitzetten</h1>
        <button id="azul" onclick="document.getElementById('myImage').src = '/img/393533_02.PNG'">Turn on the light</button>
        

        <img id="myImage" src="img/393533_01.PNG" class="mudar">
        <div id="yellow">
            <button onclick="document.getElementById('myImage', '').src='/img/393533_01.PNG'">Turn off the light</button>
        </div>
    </div>

Answer 1

你想改变 html 的背景，所以你要做的是......

function colorize() {
     var element = document.getElementsByTagName("html")[0];
     element.style.backgroundColor = 'blue';
}

您正在使用按钮元素并更改其颜色。你必须选择 html 标签，因为你想更改通过 css 分配给它的 background-clor 属性。