[JS] DOM 조작에 사용되는 메서드

JS는 기본적으로 Browser를 조작하기 위해서 태어난 언어다. 언어의 목적에 맞는 함수들을 지원하

고 있다.

 

document.getElementId();

=> element의 요소들을 가져온다., ID만으로 선택함.

 

querySelector("#myId") 

=> id도 되고 class, tag 등 CSS 선택자 전부 가능

document.getElementById("myBtn");         //  id로 찾음
document.querySelector("#myBtn");         //  CSS 선택자 형식으로 id
document.querySelector(".btn");           //  클래스 선택 가능

 

 

element.addEventListenr();

=> 그 요소에 이벤트를 등록한다.

 

 

대표적인 이벤트

 

 

• click
• input
• change
• submit
• keydown
• DOMContentLoaded