insertBefore 메서드와 insertAfter 메서드 구현 방법

작은 쓰레기 같은 놈들 · 게시됨 2018. 10. 19. 오전 11:17:51

js의 네이티브 메서드 insertBefore 는 새로운 요소를 요소 앞에 삽입하는 데 사용됩니다
정의:

Node.insertBefore() 메서드는 참조 노드보다 앞서 지정된 부모 노드의 자식 노드로 노드를 삽입합니다.

문법: parentElement.insertBefore(newElement, referElement)

주목할 만한 점입니다
1. 삽입할 newElement가 이미 DOM 트리에 존재한다면, 이 메서드를 수행하면 노드가 DOM 트리에서 제거됩니다.
2. referElement가 null이라면, newElement는 부모 노드의 자식 노드 끝에 추가됩니다

JS에는 insertAfter 메서드가 네이티브하지 않는데, 이 함수를 어떻게 구현해야 할까요?

요소 노드는 nextSibling이라는 속성도 가지고 있는데, 이는 이미 마지막 자식 노드라면 null인 다음 형제 요소를 가리킵니다.

위의 내용을 바탕으로 insertAfter 함수를 구현할 수 있습니다

로그인이 보이네요.

페이이반 · 게시됨 2018. 10. 22. 오후 2:02:53

나쁘지 않아요

[JavaScript] insertBefore 메서드와 insertAfter 메서드 구현 방법

관련 게시물

본 섹션