자바스크립트

event 설정

2022. 9. 8. 20:36

태그.onclick = 함수이름;

같은역할

태그.addEventListener("click", 함수이름);

    ->아래 방식으로 이벤트를 넣어주면   .removeEventListener   =>으로 이벤트 지울 수 있음

 

클래스명으로 자바스크립트 변화를 주고싶을때 클래스명 잘 활용하기

태그.classList.contains("클래스명") => ()속 클래스명이 있는지 확인.true / false 반환

태그.classList.add("클래스명")  => 원래 할당된 클래스명 + 새로운 ()속 클래스명 추가

태그.classList.remove("클래스명") =>()속 클래스명 제거

==> 태그.classList.toggle("클래스명")  한줄이면 끝남!

       ()속 클래스명이 있으면 없애고 없으면 추가하고! 

         CSS에 클래스명 설정하고 꾸미기만 잘 저장해두면 됨

'자바스크립트' 카테고리의 다른 글

소수 문제  (0) 2022.09.23
Math.random 랜덤숫자 활용하기  (0) 2022.09.09
document.getElementBy~ 알아보기  (0) 2022.09.08
분기문 break; continue;  (0) 2022.09.01
기타 개념  (0) 2022.08.23