document.insertadjacentelement

Element안의 특정 노드를 삽입할때 유용한 API이다.
특정 엘리먼트의 앞,뒤 또는 특정엘리먼트의 내부의 맨앞, 맨뒤에 target 엘리먼트를 삽일 할 수 있다.

Element.insertadjacentelement( option, target)

option

• beforebegin : Element의 앞에 붙임
• afterbegin : Element의 내부의 가장 앞에 붙임
• beforeend : Element의 내부의 가장 뒤에 붙임
• afterend : Element의 뒤에 붙임

사용예제

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement