[DOM] DOM 사용을 위한 속성 및 메소드 요약 가이드

1.DOM 속성

childNodes
  현재 노드의 자식 노드를 배열로 돌려준다.

firstChild
  현재 노드의 첫 번째 자식 노드를 참조한다.

lastChild
  현재 노드의 마지막 자식 노드를 참조한다.

nextSibling
  현재 노드의 바로 다음의 노드를 반환한다.

nodeName
  노드의 qualified name을 반환한다.

nodeType
  노드의 XML DOM 노드 형식을 지정한다.

nodeValue
  해당 노드의 값을 참조한다.

ownerDocument
  해당 노드를 포함하는 루트 엘레먼트를 반환한다.

parentNode
  해당 노드의 부모 노드를 반환한다.

previousSibling
  현재 노드 바로 앞에 오는 노드를 반환 한다.

xml
  현재 노드와 자식노드의 XML을 문자열로 반환한다.(IE 전용)

text
  현재 노드와 자식노드 들의 텍스트를 연결한 콘텐트를 반환 한다.(IE 전용)

2.DOM 메소드

getElementById(idName)
  도큐먼드에서 idName의 id로 정의된 요소를 찾아 반환한다.

getElementsByTagName(tagName)
  tagName을 가진 태그들의 노드 객체를 찾아 배열로 반환한다.
 
document.createElement(tagName)
  tagName 으로된 엘리먼트를 생성한다.

document.createTextNode(text)
  정적 텍스트를 담고 있는 노드를 생성한다.

<element>.appendChild(childNode)
  childNode를 에레먼트의 자식 노드로 추가 한다.

<element>.getAttribute(name)
  에레먼트에서 name에 해당하는 어트리뷰트 값을 반환한다.

<element>.setAttribute(name, value)
  엘레먼트에 name 속성에 value 값을 할당한다.

<element>.insertBefore(newNode, tartgetNode)
  엘레먼트의 자식노드 중 tartgetNode 전에 newNode를  삽입한다.

<element>.removeAttribute(name)
  엘리먼트에서 name 어트리뷰트을 제거한다.

<element>.removeChild(childNode)
  엘레먼트에서 자식 childNode 노드를 제거한다.

<element>.replaceChild(newNode, oldNode)
  엘레먼트에서 oldNode 를 newNode 로 치환한다.

<element>.hasChildNodes()
  엘레먼트가 자식 노드를 포함하는 경우 true, 자식요소가 없는 경우 false를 반환한다.

자세한 내용 : Traversing an HTML table with JavaScript and DOM Interfaces