Question

我正在尝试使用onclick事件更改颜色。就像第一次单击红色一样，然后在下一次单击绿色，然后在另一次单击再次单击红色。我已经完成了点击概念，但不明白如何使用JS设置颜色概念。 任何简单的解决方案？

<head>
    <script>
        function getValue() {
            var x = document.getElementById("myHeader");
            alert(x.innerHTML);
        }
    </script>
</head>

<body>
     <h1 id="myHeader" onclick="getValue()">Click me!</h1>

</body>

Answer 1

我使用fiddle

做了一个小例子

function display() {
  var colours = new Array();
  colours[0] = "red";
  colours[1] = "blue";
  colours[2] = "green";
  colours[3] = "lime";
  colours[4] = "teal";

  var b = Math.floor(Math.random()*colours.length);
  document.getElementById("quotation").style.color = colours[b];
}

您还可以使用以下颜色，

var colours = ["#FF0000","#00FF00","#0000FF","#333399",...];

动态框颜色变化onclick

1 个答案: