javascript의 CSS 요소에 mouseover 기반의 변경 사항을 올바르게 포함하는 방법

Question

우선 자바 스크립트를 처음 사용했습니다.

마우스를 가져 가면 배경색과 텍스트 색상을 뒤집어 쓰려고합니다. 나는 다음과 같은 코드가 큰 스크립트의 일부이며 시간과 날짜에 따라 조건이 다를 수 있으므로 자바 스크립트를 사용하는 것을 선호한다. (이) 여기에 코드의 관련 부분입니다 :

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 시트뿐만 아니라 당신의 CSS를 시트에이

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

곳이를 배치 할 수 그것을 당신이 원하는 것을해야한다.