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

问题描述：

我想更改背景颜色，我需要先使用按钮将背景颜色更改为红色，然后使用相同的按钮将其更改为绿色，然后更改为蓝色。如何仅使用一个按钮更改不同的背景颜色

嗨Thejus，你应该尝试firts，并显示你的代码和错误，或为什么你没有得到你想要的。 – lois6b

你知道吗？ –

答

这是一个你想要的例子。

<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

我在这里做的是：
确定公司运作 <body>的 id
2.Make按钮调用上点击功能。
3.使用它来调用身体识别码（ document.getElementById('body')）并使其更改背景颜色（ document.getElementById('body').style.background = colors[colorIndex]）
希望得到这个帮助。

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

相关推荐