Question

我想更改背景颜色，我需要先使用按钮将背景颜色更改为红色，然后使用相同的按钮更改为绿色，然后更改为蓝色。

Answer 1

这是你想要的一个例子。

＆＃13;

<html>
<head>
<script>
    var colors = ["red", "blue", "green"];
    var colorIndex = 0;
    function changeColor() {
        var col = document.getElementById("body");
        if( colorIndex >= colors.length ) {
            colorIndex = 0;
        }
        col.style.backgroundColor = colors[colorIndex];
        colorIndex++;
    }
</script>
    <body id='body'>
    <button onclick="changeColor();">Change color</button>
    </body>
</html

＆＃13;

＆＃13; 我在这里做的是：
1.给<body>和id 2.点击按钮调用功能。
3.使用身份证{document.getElementById('body')）呼叫身体，并使其更改背景颜色（document.getElementById('body').style.background = colors[colorIndex]）
希望这有帮助。

如何只使用一个按钮更改不同的背景颜色

1 个答案: