DOM을 이용한 노드 추가 삭제

•새로운 노드 추가 : appenChild()
 - 새로운 노드를 생성하여, 하위 노드들 중에 가장 마지막에 추가
• 형식
  parentsNode.appendChild(childNode);
 
참고) 새로운 노드를 추가하여, 위치를 결정할 경우
insertBefor() : 원하는 노드의 앞에 새로운 노드를 추가
 ParentsNode.insertBefore(childNode,parentNode.lastChild);
 
 
•하위 노드 제거 : removeChild()
 -없애려는 하위 노드를 넣으면, 삭제되는 노드를 결과값으로 반환
• 형식
  odlChild =  parent.removeChild(parent.firstChild);
 
참고)appenChild()와 removeChild()의 기능을 한번에 해결하는 메소드 - replaceChild()
odlChild = parent.replaceChild (newChild, parent.lastChild);
 
•어떤 노드를 복사 : cloneChild()
       Deep clone : 하위에 있는 노드들까지도 복사
       Shallow clone : 단지 해당 노드만을 복사
 - 새로운 노드를 생성하여, 하위 노드들 중에 가장 마지막에 추가

2009.02.17