DOM API

Document의 메서드
메서드 명	설명
getElementById(id명)	주어진 값에 해당하는 ID 속성값을 가진 엘리먼트 하나를 반환한다. 존재하지 않으면 null을 반환
getElementsByTagName(tag명)	지정된 tag명에 해당하는 모든 엘리먼트를 포함한 NodeList를 반환한다.
Node와 Element의 properties
프로퍼티 명	설명
childNodes	해당 엘리먼트의 모든 자식노드들을 포함한 NodeList를 반환한다.
firstChild	해당 엘리먼트의 첫 번째 자식 노드를 반환한다.
lastChild	해당 엘리먼트의 마지막 자식 노드를 반환한다.
parentNode	해당 엘리먼트의 부모 노드를 반환한다.
tagName	해당 엘리먼트의 tag 명을 반환한다.
nodeValue	해당 노드의 텍스트를 반환한다.
Node와 Element의 메서드
메서드 명	설명
appendChild(새로운 노드)	해당 엘리먼트에 새로운 자식노드를 맨 마지막에 추가한다.
hasChildNodes()	해당 엘리먼트가 자식노드를 가지고 있는지 여부를 boolean값으로 반환한다.
insertBefore(새로운 노드, 자식노드)	해당 엘리먼트이 특정 자식노드 앞에 새로운 노드를 추가한다.
removeChild(자식노드)	해당 엘리먼트의 특정 자식노드를 삭제한다.
replaceChild(새로운 노드, 자식노드)	해당 엘리먼트의 특정 자식노드를 새로운 노드로 대체한다.
NodeList의 properties
프로퍼티 명	설명
length	NodeList에 포함된 노드의 개수를 반환한다.
NodeList의 메서드
메서드 명	설명
item(인덱스)	NodeList에서 지정된 index에 해당하는 노드를 반환한다.