gpt4 book ai didi

javascript - 动态框颜色更改onclick

转载 作者:太空宇宙 更新时间:2023-11-04 12:55:09 25 4
gpt4 key购买 nike

我正在尝试使用 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>

最佳答案

我用 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",...];

关于javascript - 动态框颜色更改onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25904946/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com