Javascript 为什么单击的单元格没有背景色?

Javascript 为什么单击的单元格没有背景色?,javascript,Javascript,我正在尝试创建一个像素艺术应用程序。 我根据用户的输入动态创建了一个表。 单击特定单元格时,它不会获得单击事件-event.target.bgcolor=“#ff0000”为其指定的颜色; 但是,查看调试器,它显示event.target.bgcolor确实获得了颜色, 需要改变什么? 出于测试目的,我指定了“#ff0000” var行//为什么定义为常量-->获取错误 var列; var selectedColor='#000000'; var彩色选择器; var网格; colorPicke

我正在尝试创建一个像素艺术应用程序。 我根据用户的输入动态创建了一个表。 单击特定单元格时,它不会获得单击事件-event.target.bgcolor=“#ff0000”为其指定的颜色; 但是,查看调试器,它显示event.target.bgcolor确实获得了颜色, 需要改变什么? 出于测试目的,我指定了“#ff0000”

var行//为什么定义为常量-->获取错误
var列;
var selectedColor='#000000';
var彩色选择器;
var网格;
colorPicker=document.querySelector('.colorPicker');
/*用于颜色选择的EventLstener*/
colorPicker.addEventListener('change',函数(事件){
selectedColor=event.target.value;
console.log(selectedColor);
})
/************************
创建网格函数
************************/
函数makeGrid(){
resetGrid()
行=document.querySelector('.inputRow').value;
console.log(行);
columns=document.querySelector('.inputCol').value;
console.log(列);
grid=document.querySelector('.grid');
对于(设x=1;x
设计画布

您注释掉的代码非常接近,但是它应该是
背景色
(注意大写字母
C

我投票认为这是一个“简单的印刷错误”

event.target.style.backgroundColor = "#ff0000";