DOM-HTML(을)를 조작하기 위한 구조

http://threadic.com/sora/translate.cgi/javascriptist.net/docs/samples_dom.html

• 엘리먼트 취득
  • 지정ID의 엘리먼트 취득 - document.getElementById()
  • 지정name의 엘리먼트전취득 - document.getElementsByName()
  • 지정 태그의 엘리먼트전취득 - document.getElementsByTagName()
  • element의 전의 엘리먼트를 취득 - element.previousSibling
  • element의 다음의 엘리먼트를 취득 - element.nextSibling

• 엘리먼트 생성·복제·추가
  • 지정 태그로의 엘리먼트 작성 - document.createElement()
  • 엘리먼트를 복제한다 - element.cloneNode
  • 엘리먼트를 추가한다-element.appendChild

• 엘리먼트 삽입·삭제·치환
  • 엘리먼트를 지정 엘리먼트의 아이로서 삽입 - element.insertBefore
  • 아이 엘리먼트를 삭제 - element.removeChild
  • 아이 엘리먼트를 치환 - element.replaceChild

• 아이 노드 조작
  • 엘리먼트의 최초의 아이를 취득 - element.firstChild
  • 엘리먼트의 마지막 아이를 취득 - element.lastChild
  • 엘리먼트의 친노드를 취득 - element.parentNode
  • 엘리먼트의 아이 노드 리스트를 취득 - element.childNodes
  • 아이 엘리먼트를 가질지 조사한다 - element.hasChildNodes()
• 속성 관련
  • 엘리먼트의 속성을 취득 - element.getAttribute
  • 엘리먼트의 속성을 설정 - element.setAttribute
  • 엘리먼트의 속성을 삭제 - element.removeAttribute
  • 엘리먼트의id(을)를 취득/설정 - element.id
  • 엘리먼트의class(을)를 취득/설정 - element.className
• 좌표, 사이즈 관련
  • 엘리먼트의 오프셋 위치의 폭을 취득 - element.offsetWidth
  • 엘리먼트의 오프셋 위치의 높이를 취득 - element.offsetHeight
  • 엘리먼트의 오프셋 위치의X좌표를 취득 - element.offsetLeft
  • 엘리먼트의 오프셋 위치의Y좌표를 취득 - element.offsetTop

→ JavaScript역당겨 샘플집으로 돌아온다