HTML点击按钮改变背景颜色

原创已于 2023-01-27 17:22:19 修改 · 5.3k 阅读

20 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #前端 #javascript

收录于

于 2023-01-27 17:20:05 首次发布

html 专栏收录该内容

2 篇文章

订阅专栏

博客提及在代码中可通过修改指定位置的内容来改变颜色，涉及前端相关代码操作。

<!DOCTYPEhtml>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<a id="click">点击切换颜色</a>
</body>
<script>
var btn = document.getElementById("click");
var body =document.body;
let array=["#000000","#FF0000"];
let index=0;
btn.onclick = function(){
body.style.backgroundColor = array[index];
index=(index+1)%array.length;
}
</script>
</html>

代码中在此处：