본문 바로가기
programming/javascript

DOM removeChild()

by hotdogya 2012. 8. 7.

/*
노드삭제
문서에 특정 노드를 삭제하는 방법
*/
/*
removeChild
특정 부모 노드에서 자식노드를 제거하는 메소드
*/
//구문
reference = element.removeChild(node);
/*
이 메소드는 삭제된 노드 반환
노드에 포함된 자식 노드도 함께 제거
*/
//예제
var container = document.getElementById("content");
var msg = document.getElementById("findprint");
container.removeChild(msg);
//삭제하고싶은 상위 노드의 이름을 알지 못한다면 prarentNode라는 프로퍼티를 이용해서 제거할수도있다.
var msg = document.getElementById("findprint");
var container = msg.parentNode;
container.removeChild(msg);
//특정 부분으로 특정 노드를 옮길때에는 removechild를 사용할필요 없다. 
//appendChild와 insertChild를 이용해서 노드제거 위치추가 할수있다.

[출처] DOM removeChild()|작성자 여우별


 [출처] DOM removeChild()|작성자 여우별