HTML class 추가, 삭제

혜미·2021년 11월 22일

JavaScript

목록 보기
8/16
post-thumbnail
  1. 새로 변수를 만들고 document.querySelector로 특정 요소(id, class, tag)를 선택해서 이 변수에 담는다.
  2. classList 속성을 이용해서 클래스를 추가하거나 제거한다.

예시:

const loginForm = document.querySelector("#login-form");

const HIDDEN_CLASSNAME = "hidden";//2번 이상 나오니 변수로 만들어 줌

function onLoginSubmit(event) {
  loginForm.classList.add(HIDDEN_CLASSNAME);
  greeting.classList.remove(HIDDEN_CLASSNAME);
}

0개의 댓글