DOM

1.10 Using appendChild() and insertBefore() to Add Node Objects to the DOM

Posted by yunki kim on August 29, 2021

  appendChild()와 insertBefore() 노드 메서드는 DOM 트리에 js 노드 객체를 추가할 수있게 해준다. appendChild() 메서드는 메서드를 호출 한 노드의 맨 마지막에 자식 노드를 하나 추가 한다. 만약 위치를 선택해 자식을 추가해야할 경우 insertBefore()를 사용하면 된다. insertBefore()는 두 개의 파라미터를 필요로 한다. 하나는 추가될 노드, 하나는 추가해야될 노드의 위치에 대한 레퍼런스 노드이다. 만약 insertBefore() 메서드에 두번째 파라미터를 사용하지 않을 경우 appendChild()처럼 동작 한다.