이미 부모 하위에 존재하는 자식을 부모에게 또 appendChild한다면?
⇒ 존재하는 자식 요소는 삭제되고, 마지막 자식으로 다시 append된다.
<설명>
Node.appendChild()
메소드는 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙입니다. 만약 주어진 노드가 이미 문서에 존재하는 노드를 참조하고 있다면 appendChild()
메소드는 노드를 현재 위치에서 새로운 위치로 이동시킵니다.이것은 한 노드가 문서상의 두 지점에 동시에 존재할 수 없다는 것을 의미합니다. 그래서 만약 노드가 이미 부모를 가지고 있다면 우선 삭제되고 새로운 위치로 이동합니다.