使用mouseover事件更改JavaScript中元素的颜色

我试图在鼠标经过某个元素时更改该元素的颜色，但我的代码中肯定存在某种错误，我找不到问题：

设html=； fori=0；i<256++我{ html+=`` } document.querySelector.grid.innerHTML+=html； /*鼠标移动时改变颜色*/ 让newColor=document.querySelector.box newColor.addEventListenermouseover，changeColor 函数变色{ document.querySelector.box.style.color=绿色 }

---

将您的javascript更改为：

let newColor = document.querySelectorAll(".box");
          for (const color of newColor) {
            color.addEventListener("mouseover", () => {
              color.style.backgroundColor = "green";
            });
          }

编辑说明

querySelect将仅首先选择第一个元素“.box”

---

将其更改为querySelectAll，可以将它们全部设置为类似于数组的对象。然后使用for循环将addEventListener附加到每个元素。

为什么使用JavaScript？div.box:hover{color:green}我的代码中一定有某种错误-你为什么这么认为？->。querySelector只返回与Selector匹配的第一个元素，因此div元素不包含文本。颜色设置文本颜色。你是说背景色吗？安德烈亚斯：我需要用JavaScript来做，但QuerySelector仍然不起作用。康奈索：对不起，背景色