element.appendChild(child) 함수는 DOM 요소에 자식 요소를 추가하는 함수입니다.
child 노드는 항상 DOM 트리의 마지막 자식 노드가 됩니다.
이 함수는 자식 노드를 여러개 추가할 수 있습니다.
다만, 이전에 추가된 자식 노드의 위치는 유지되지 않습니다.
예를 들어, element.appendChild(child1).appendChild(child2)와 같이 사용하면 child2가 항상 마지막 자식 노드가 됩니다.
이러한 경우, child1은 이전에 추가된 자식 노드가 됩니다.
따라서, 만약 child1의 위치를 유지하고 싶다면, appendChild 대신 insertBefore 함수를 사용해야 합니다.
예를 들어, element.insertBefore(child2, child1)과 같이 사용하면 child2가 child1의 앞에 추가됩니다.
이러한 방법으로, 자식 노드를 여러개 추가할 수 있으며, 이전에 추가된 자식 노드의 위치를 유지할 수 있습니다.
2025-03-09 12:45