Изменение фона div при наведении на ссылку Vanilla JS

Question

Я хочу изменить фон одного из классов div, называемого "grid-light", когда наведу указатель мыши на ссылку на странице. Я чувствую, что мой JS правильный, но я не получаю результат, который ищу. Вот мой код:

свет сетки

JS

элемент для наведения на

класса, чтобы изменить "grid-light" на

Answer 1

Похоже, вы пытаетесь использовать такие элементы, как jquery, а className - это React.

div1.className = "div1hovered";

Вместо этого с помощью javascript вы можете получить доступ к classList:

div1.classList.add("div1hovered");

Также рекомендуется сделать это с CSS:

div1:hover {
    background-color: red;
}

Answer 2

https://gyazo.com/f36d9970fa6100e2ac9af41a1d2d7a59

Эта ссылка показывает вам, что, я думаю, вы собираетесь, вы объявляете свои переменные, при наведении курсора на вашу ссылку1, она изменит элементы div1 на красный на мыши из вашей ссылки1, она изменит div1 обратно на черный

Пожалуйста, дайте мне знать, если я могу уточнить больше!