如何为每个div添加Eventlisteners,使其不是未定义的?(javascript,详见下文)

如何为每个div添加Eventlisteners,使其不是未定义的?(javascript,详见下文),javascript,html,css,dom,project,Javascript,Html,Css,Dom,Project,我不明白为什么它说它是未定义的 错误消息: dom.js:51 Uncaught TypeError:无法设置未定义的属性'backGroundcolor' 在HTMLDEVELENT。dom.js:51 有问题的行:pixels.style.backGroundcolor='black' 让drawBtn=document.querySelector'letsDraw' drawBtn.onclick=clearAndDraw 函数clearAndDraw{ 清楚的 画 } 函数图{ scr

我不明白为什么它说它是未定义的

错误消息:

dom.js:51 Uncaught TypeError:无法设置未定义的属性'backGroundcolor' 在HTMLDEVELENT。dom.js:51

有问题的行:pixels.style.backGroundcolor='black'

让drawBtn=document.querySelector'letsDraw' drawBtn.onclick=clearAndDraw 函数clearAndDraw{ 清楚的 画 } 函数图{ screenSize=textbox.value 对于i=0;i{ pxl.addEventListener'mouseenter',函数{ pixels.style.backGroundcolor='黑色'; } } }
您的目标是像素列表,而不是元素本身。因此,如果您的forEach使用“pxl”作为每个元素的变量,则必须更改此行

编辑:另一件事是样式属性上的输入错误。将“backGroundcolor”更改为“backGroundcolor”

对此

pxl.style.backgroundColor = 'black';

pxl.style.backgroundColor而不是第二个环边位中的pixels.style.backgroundColor:您需要在HTML中引用类名吗?也可以是backgroundColor->backgroundColor@silversunhunter如果只使用一个类名,则在HTML5中不使用。仅当您要添加两个:class=screen foo-否则class=screen绝对有效为什么在创建div时不添加事件处理程序?看起来很奇怪,你创建了所有的div,并将它们全部备份以添加一个通风口处理程序。非常感谢,我以前已经尝试过这个方法,但可能因为其他原因它不起作用,现在最好是goYeh@RokoC.Buljan。完全同意。我在编辑时打错了字。现在它是正确的。
pxl.style.backgroundColor = 'black';