HTML DOM removeChild() 메서드

removeChild()DOM 자식 요소에서 제거하고 제거된 요소를 반환하는 메서드입니다。

문법：

node.removeChild(node)

예제

var div = document.getElementById("demo");
div.removeChild(div.firstElementChild);

모든 브라우저에서 removeChild() 메서드가 완전히 지원됩니다：

메서드
removeChild()	는	는	는	는	는

파라미터	설명
node	지정된 부모 노드에서 제거된 노드(일반적으로 요소)

반환 값：	제거된 자식 요소가 반환됩니다
DOM 버전：	DOM 등급1

DIV에 아이템이 있는지 확인합니다. 있으면 첫 번째 자식 요소(인덱스 0)를 제거합니다：

예제

var div = document.getElementById("demo");
if (div.hasChildNodes()) {
　　　div.removeChild(div.children[0]);
}

요소에서 모든 자식 요소를 제거합니다:

예제

var div = document.getElementById("demo");
while (div.hasChildNodes()) {
　div.removeChild(div.children[0]);
}

지정된 요소를 지정된 부모 노드 없이 제거할 수 있습니다:

예제

var node = document.getElementById("myP");
if (node.parentNode) {
　　　node.parentNode.removeChild(node);
}