Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何更改单元格';s背景色javascript_Javascript_Css - Fatal编程技术网

如何更改单元格';s背景色javascript

如何更改单元格';s背景色javascript,javascript,css,Javascript,Css,目标是在单击单元格时更改其颜色。下面是我的js代码。如您所见,我尝试了style.backgroundColor,但只有右下角的单元格更改了颜色,而与单击的单元格无关 var board=document.getElementById(“选项卡”), lvl1={rows:5,cols:5}; 对于(var i=0;i替换: cell.style.backgroundColor="red"; 与 这将为单击的内容设置背景,这些内容将是您的元素。另一种方法是在单元格周围保留一个二维数组(单元格

目标是在单击单元格时更改其颜色。下面是我的js代码。如您所见,我尝试了
style.backgroundColor
,但只有右下角的单元格更改了颜色,而与单击的单元格无关

var board=document.getElementById(“选项卡”),
lvl1={rows:5,cols:5};
对于(var i=0;i替换:

cell.style.backgroundColor="red";


这将为单击的内容设置背景,这些内容将是您的元素。另一种方法是在单元格周围保留一个二维数组(单元格[行][列])使用索引可以获得正确的单元格。

cell
被设置为最后一个单元格,因为它是循环中的最后一个单元格。因此,无论何时单击任何单元格,
cell
仍然指向最后一个单元格。通过您的逻辑,这一点非常清楚。运行代码时代码段不会运行。。请注意
center
元素已过时。请改用CSS。
e.target.style.backgroundColor="red";