해당 element(태그)에 class를 추가하거나 제거하는등 컨트롤하는 함수.
element.classList.@@
@@
1. add("classname")
2. remove( " )
3. toggle( " )
ex) CSS에 셀렉터를 이용하여 디스플레이를 설정해놓고 이벤트가 일어나면 class를 추가하거나 제거하여 디스플레이가 변경되는 결과를 보여줌.
index.css
.visible {
display : block;
}
.invisible {
display : none;
}
const SHOWING = "visible";
const NOTHING = "invisible";
function askForName(){
event.classList.add(SHOWING);
form.classList.remove(NOTHING);
event.addEventListener("submit", 함수);
}
'Langauge > Javascript' 카테고리의 다른 글
함수정의, 호이스팅 (0) | 2020.04.23 |
---|---|
JSON(JavaScript Object Notion) (0) | 2020.03.29 |
target (0) | 2020.03.26 |
이벤트 리스너(EventHandler(Listener)) (0) | 2020.03.18 |
객체(Object) (0) | 2020.03.18 |