как правильно включить изменение с помощью мыши в CSS элементов в javascript

Question

Прежде всего, я очень новичок в javascript.

Я пытаюсь изменить цвет фона и текста при наведении курсора мыши. Я бы предпочел использовать javascript (никогда не думал, что скажу , что), так как следующий код является частью более крупного скрипта и зависит от времени и даты для некоторых вещей. Вот соответствующая часть кода:

var z = document.querySelectorAll("a,#search_button"); 
 
\t var i; 
 
\t for (i = 0; i < z.length; i++) { 
 
\t \t z[i].style.backgroundColor = "#000000"; 
 
\t \t z[i].style.color = "#FFFFFF"; 
 
     z[i].onmouseover = function() { 
 
      z[i].style.backgroundColor = "#FFFFFF"; 
 
      z[i].style.color = "#000000"; 
 
     } 
 
\t }

Первая часть работает как шарм, настройка цвета правильно. Но мышь не отменяет их. Что я сделал не так, как мне это исправить?

Answer 1

вы можете просто поместить это в вашем CSS листе, а

#searchbutton:hover{ 
    background-color:#FFFFFF; 
    color:#000000 
} 

место это в вашем CSS листе, и он должен делать то, что вы хотели.