해당 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

+ Recent posts