DOM API - NODE, document method

NODE

ELEMENT의 상위 개념.

NODE 속성

자식, 형제, 부모, 노드유형, 이름, 값을 알 수 있습니다.

childNodes : 직계 자식 노드들을 가져온다.

firstChild : 첫번째 자식

lastChild : 마지막 자식

nextSibling : 다음 형제

previousSibling : 이전 형제

parentNode : 부모 요소

nodeType : 노드의 유형

nodeName : 노드의 이름

nodeValue : text node의 값. string type으로 반환.

NODE 메서드

hasChildNodes() - 자식 노드를 포함하고 있는지 여부를 boolean값으로 반환. 

appendChild() - 마지막 자식으로 추가

insertBefore(추가할 노드, 기준노드) - 기준노드 앞에 노드 추가

removeChild() - 자식 노드 제거

replaceChild(newChild, oldChild) - 특정 부모 노드의 한 자식 노드를 다른 노드로 교체

cloneNode() - 이 메서드를 호출한 node의 복제된 node를 반환. 인수 값으로 true(children까지 복제), false(해당 node만 복제). node가 복제된 것이지 이벤트까지 같이 복제되진 않는다.

contains( otherNode ) - 주어진 인자가 node의 자손인지 아닌지 boolean값으로 리턴.

A_node.isEqualNode(B_node) (IE9+) - node가 동일한지 비교

inDocumentNode.compareDocumentPosition(currentNode) (IE9+) - 현재 노드와 문서 안의 다른 노드와의 위치를 비교.

1 - position 연결 안되어 있음

2 - 현재 노드가 앞에 있음

4 - 현재 노드가 뒤에 있음

8 -

16 -

32 -

Document 메서드

createElement() - 요소 생성

createTextNode() - 텍스트 생성