首页 > 解决方案 > 将鼠标悬停在链接 Vanilla JS 上时更改 div 的背景

问题描述

当我将鼠标悬停在页面上的链接上时,我希望更改一类名为“grid-light”的 div 的背景。我觉得我的 JS 是正确的,但我没有得到我想要的结果。这是我的代码:

网格灯

1

JS

2

悬停的元素

3

类将“grid-light”更改为

4

标签: javascripthtmlcsshovermouseover

解决方案


https://gyazo.com/f36d9970fa6100e2ac9af41a1d2d7a59

此链接向您展示了我认为您的目标,您声明了变量,鼠标悬停在链接 1 上时,它会将 div1 项目更改为红色,鼠标移出链接 1,它将 div1 更改回黑色

如果我能澄清更多,请告诉我!


推荐阅读