[JavaScript] DOM

DOM(The Document Object Model) : 문서 객체 모델

홈페이지 많은 인터렉션이 있음. ex ) 버튼을 눌렀을 때 페이지 이동이 없으면서도 간단하게 인터렉션이 있음 (스타 -> 언스타, 문서 새롭게 가져옴)

자바스크립트로 HTML 문서를 조작할 수 있는데, 이것을 어떻게 해야할까 ? >>  DOM을 통해 가능

document내에 사람이 보기 쉽게 정리 되어 있으나, 프로그래밍언어 입장에서는 다양한 것들이 있다. 여기에 있는 속성을 변경하여 사용 가능

 

document.querySelector('h2');

h2 내에 있는 요소 선택

const h2Element = document.querySelector('h2');

변수에 저장할 수 있도록 만들 수도 있다.

 

addEventListener(이벤트타입, 실행시킬함수)

h2Element.addEventListenr('click', function);