[Vanilla] 자바스크립트(JavaScript) 엘리먼트 전, 앞, 뒤, 후에 넣기 (insertAdjacentHTML)

구문 # "insertAdjacentHTML"는 이미 사용중인 엘리먼트를 다시 파싱하지 않아서, "innerHtml" 보다 "작업이 덜 드므로 빠르다." # 기본 사용 방법 element.insertAdjacentHTML(position, text); # 엘리먼트 앞에 넣기 beforebegin # 엘리먼트 안에 첫번째에 넣기 afterbegin # 엘리먼트 안에 마지막에 넣기 beforeend # 엘리먼트 뒤에 넣기 afterend 포지션 값과 위치 # 위의 "position"에 들어갈 명령어 입니다. "p" 엘리먼트 태그에 넣을때 위치 입니다. <!-- beforebegin --> <p id="test"> <!-- afterbegin --> foo <!-- beforeend --> </p> <!-- afterend --> 응용 예제 # 실제로 사용할때 예제 (위의 "p" 태그 기준으로) "insertAdjacentHTML" 뒤의 엘리먼트는 변수 할당 후 넣어줘도 되고, 직접 작성...

원문링크 : [Vanilla] 자바스크립트(JavaScript) 엘리먼트 전, 앞, 뒤, 후에 넣기 (insertAdjacentHTML)