Javascript js:6未捕获类型错误：无法设置属性'；背景'；未定义的

我需要在数组颜色中为每个div指定一种颜色，使用for in

var colors=[“232323”、“3434”、“555555”、“989889”、“987898”、“458676”]
var squares=document.queryselectoral（“.squares”）
对于（i=0；i您的代码似乎是正确的，但由于div是空的，因此无法获得所需的结果。请尝试在每个div中放入一些内容，如
，然后尝试。一个jsfiddle来向您展示我的意思。
您的代码似乎是正确的，但由于div是空的，因此无法获得所需的结果。请尝试放入每个代码中都有一些小东西，比如一个
，然后尝试使用.jsfiddle向您展示我的意思。
您的代码中有一些错误

我已经完成了这个代码片段

对代码的更改：


我已经将100x100px设置为div，这样您的div就有了一定的大小，您可以看到颜色。您还可以向div添加内容，这样它们就有了一定的大小
您在.container类末尾缺少}
我已将容器类的最大宽度设置为600px


var colors=[“232323”、“3434”、“555555”、“989889”、“987898”、“458676”]
var squares=document.queryselectoral（“.squares”）
对于（i=0；i您的代码有一些错误

我已经完成了这个代码片段

对代码的更改：


我已经将100x100px设置为div，这样您的div就有了一定的大小，您可以看到颜色。您还可以向div添加内容，这样它们就有了一定的大小
您在.container类末尾缺少}
我已将容器类的最大宽度设置为600px


var colors=[“232323”、“3434”、“555555”、“989889”、“987898”、“458676”]
var squares=document.queryselectoral（“.squares”）
对于（i=0；i使用devtools查看HTML和样式。例如，如果打开“元素”选项卡，单击
.container
，然后在右侧的检查器窗格中选择“计算”，您将看到以下内容：


高度为零。这是因为您没有为div提供任何会使其具有非零高度的内容。要测试这一点，只需添加一个元素样式，例如
height:500px
：


您将看到您的结果：


样式检查器还将显示
max width
属性中的错误（请参见黄色三角形），因此您也应该修复该错误

故事的寓意：Chrome为调试您的代码（CSS、HTML和JS）提供了很棒的工具。学习并使用它们。在阅读手册学习FORTRAN的英雄50年后，阅读文档仍然是学习新工具的最佳方式。Devtools有一个样式检查器。阅读它

您的原始错误消息
js:6未捕获类型错误：无法设置未定义的属性“background”

我被这个错误消息弄糊涂了。它意味着某个DOM元素上不存在
style
属性，这种情况永远不会发生。一定是发生了其他事情。
使用devtools查看HTML和样式。例如，如果打开“元素”选项卡，然后单击
.container
，在右侧的inspector窗格中选择“Computed”，您将看到以下内容：


高度为零。这是因为您没有为div提供任何会使其具有非零高度的内容。要测试这一点，只需添加一个元素样式，例如
height:500px
：


您将看到您的结果：


样式检查器还将显示
max width
属性中的错误（请参见黄色三角形），因此您也应该修复该错误

故事的寓意：Chrome为调试您的代码（CSS、HTML和JS）提供了很棒的工具。学习并使用它们。在阅读手册学习FORTRAN的英雄50年后，阅读文档仍然是学习新工具的最佳方式。Devtools有一个样式检查器。阅读它

您的原始错误消息
js:6未捕获类型错误：无法设置未定义的属性“background”

我被这个错误消息弄糊涂了。它意味着某些DOM元素上不存在
style
属性，这是绝对不应该的。肯定还有其他事情发生。
divs'
.square
类指定了宽度和高度，所以它们是否为空应该无关紧要，对吗？除非维度是percentages及其容器的CSS无效。divs'
.square
类指定了宽度和高度，因此它们是否为空应该无关紧要，对吗？除了维度是百分比，它们的容器的CSS无效。我无法重现未定义的错误。如果我修复了
的CSS，您的代码对我有效tainer
（如问题中所示，它似乎包含了一个打字错误，而且不完整，但如果我给它一个特定的高度和宽度，它似乎可以让
.square
的百分比宽度起作用。）给
.container
一个500px的高度或什么的。我无法重现未定义的错误。如果我修复了
.container
的CSS，你的代码对我有效。（如问题所示，它似乎包含一个打字错误，而且不完整，但如果我给它一个特定的高度和宽度，它似乎让
.square
的百分比宽度起作用。）给
.container
一个500px的高度或其他什么。如果你指出你做了什么更改以及为什么做这些更改，这对OP会很有用。嗯，@fahmir可以比较代码并尝试理解修复。如果他/她不理解其中的内容，他/她总是有可能问：）“@fahmir可以比较代码”-这对其他遇到这个问题的人来说不是很方便，他们必须来回滚动才能看到你做了什么。说到你做了什么：将
style.backgro
更改为
style.backgro