[JS] DOM

DOM 이란?

The Document Object Model, 문서 객체 모델
HTML 문서 프로그래밍 인터페이스
표현, 저장, 조작등을 지원한다.

document.getElementById('hello').style.color = 'red';

• document는 해당 문서를 뜻함
• . 은 ~의 라는 의미
• getElementById('id') id에 맞는 요소를 가져옴
• style.color = 'red'; 빨간색으로 바꿈

주로 쓰이는 DOM

출처 : MDN Web Docs

• document.getElementById(id)
• element.innerHTML
• element.style.left
• element.addEventListener
• window.content
• window.onload