DOM

DOM 이란?

DOM은 Document Object Model(문서 객체 모델)의 약자로 HTML, XML 문서의 프로그래밍 API이다

HTML의 태그, 속성, 스타일 등.. 을 조작하기 위한 기능으로 볼 수 있다
(CSS의 스타일 변경도 가능하다!)

<script src="app.js"></script>

JS를 사용하여 DOM에 접근하기 위해서는 script 요소를 사용하여 접근 가능하다.

HTML 요소에 접근하는 방법

1. HTML 요소 선택

getElement(s)Byxxxx 를 이용하여 특정 요소를 가져온다

document.getElementById("name"); 
// 문서 내의 id 요소를 나타냄.
document.getElementsByClassName("name"); 
// 문서 내의 class 요소를 나타냄.

2. 쿼리 셀렉터

단일 method로 원하는 요소를 찾을 수 있다.

document.querySelector(#id, #title, .class); 
//유효한 css 셀렉터를 사용해야 함.

내일은 event에 대해서 알아봐야겠다!