기초 DOM 문법

요소 선택
document.getElementById(id): 주어진 ID를 가진 요소를 반환한다.
document.getElementsByTagName(name): 주어진 태그 이름을 가진 요소들의 목록을 반환한다.
document.getElementsByClassName(name): 주어진 클래스 이름을 가진 요소들의 목록을 반환한다.
document.querySelector(selector): 주어진 CSS 선택자와 일치하는 첫 번째 요소를 반환한다.
document.querySelectorAll(selector): 주어진 CSS 선택자와 일치하는 모든 요소의 목록을 반환한다.

요소 조작
element.textContent 또는 element.innerText: 요소의 텍스트 내용을 가져오거나 설정한다.
element.innerHTML: 요소의 내부 HTML을 가져오거나 설정한다.
element.setAttribute(name, value): 요소의 속성 값을 설정한다.
element.getAttribute(name): 요소의 속성 값을 가져온다.
element.appendChild(childElement): 요소에 자식 요소를 추가한다.
element.removeChild(childElement): 요소에서 자식 요소를 제거한다.

이벤트 리스너
element.addEventListener(event, function): 요소에 이벤트 리스너를 추가한다.
element.removeEventListener(event, function): 요소에서 이벤트 리스너를 제거한다.