DOM API

getElement

document.getElementsByClassName
document.getElementsByClassName

document.getElementsByTagName

document.getElementsByTagName

querySelector

document.querySelectorAll
document.querySelectorAll

document.querySelectorAll

노드 조작

노드 생성 후 추가
자식 노드 추가
자식 노드 삭제 자식 노드
속성 제거
텍스트 노드 생성
노드 복사해서 추가

다른 노드에 접근하기

parentNode
childNode
childNode childNode
current
firstChild/firstElementChild
middle
lastChild/lastElementChild

텍스트 노드를 조작

innerText란 무엇인가?
innerHTML란 무엇인가?
textContent란 무엇인가?

요소의 위치와 크기를 구하는 메서드

이 요소의 위치는?
이 요소의 크기는?