javascript - 如何从黑色和白色来回更改网格中框的颜色
问题描述
我有一个 5x5 的网格,到目前为止我能做的只是将一个盒子的颜色从白色变为黑色,但我每次点击盒子时都需要它在黑色和白色之间交替。
坦率地说,我很困惑,不知道如何让它交替我试图找到其他示例,但我找不到任何示例。目前以下 javascript 代码只能将框颜色从白色更改为黑色。
var grid = document.getElementsByClassName("box");
Array.from(grid).forEach(click => click.addEventListener("click", function() {v.style.background = "black";}));
解决方案
您可以在应用 css 样式之前添加一些条件检查。
var grid = document.getElementsByClassName("box");
Array.from(grid).forEach(click => click.addEventListener("click", function() {
if (click.style.background === 'black') {
click.style.background = "white";
} else {
click.style.background = "black";
}
}));
推荐阅读
- python - 当用户使用 tkinter 单击 2 个位置时如何在画布上绘制正方形
- video - 将txt文件中每一帧的文本写入视频
- google-cloud-platform - 如何在 Google Cloud Shell 中按 Ctrl+M (CM) 键入返回键?
- reactjs - 在 React 应用程序中通过 AAD(Azure Active Directory)登录不起作用
- android - GlobalScope 与 CoroutineScope 与生命周期范围
- swift - SwiftUI - @Published var 不起作用,但局部变量起作用
- asp.net-core - 无法访问 @context.field 中的
在 Blazored Typeahead 中 - python - 连接多索引数据帧
- javascript - 当 datasource.transport.read 设置为 function 时如何设置 Kendo Grid 总数?
- python-3.x - 我正在尝试将每个数字的频率计算为列表中的单个数字