자바스크립트 onmouseover

onmouseover/mouseout

body 안에 넣지 않고 자바스크립트안에 넣는 방법의 문법은 아래와 같다

no.onmouseover = function () {
  no.classList.add("test");
};

no에는 변수 값을 넣었다.

mouseover는 마우스가 올라왔을 때이고 mouseout는 마우스가 떠났을 때 이다.

 

classList

클래스 리스트를 사용해서 클래스에 대해서 여러가지를 제어할 수 있다.

아래와 같이 사용하며 ()안에들어갈 클래스의 이름은 ""로 적는다.

.classList.add("test");
.classList.remove("test");

add는 클래스를 추가하고 remove는 클래스를 제거한다.