使用 document.querySelector 更改 Javascript 中二维数组中单元格的背景颜色

Question

我正在使用 Javascript 为学校作业制作游戏。我正在制作一个基于 Wordle 的游戏，因此我尝试更改二维数组中单元格的颜色。

我正在使用

document.querySelector

尝试更改颜色。我使用 0 数组将其与玩家尝试解决的单词及其输入进行比较。

它给了我一个 TypeError，内容如下：

无法设置 null 属性（设置 'innerHTML'）
无法设置未定义的属性（设置“样式”）

我无法弄清楚是什么导致了错误，尽管我可能犯了一个简单的错误。

例如，我的一行代码是：

document.querySelector("#bg1").style.backgroundColor = "grey"; 

bg1

是第一个cell的ID。

innerHTML

错误是从这一行和其他类似的行中发生的：

document.querySelector("#bg1").innerHTML = word[0]; 

word

是来自

prompt

的玩家输入。

我需要改变什么？这是纯 JavaScript。

Answer 1

我认为你在 body 标签之前有 script 标签，所以将它移到 body 标签之后，一切都会好起来的。