insertAdjacentHTML VS innerHTML

coding

사과키라임파이 2023. 3. 3. 18:30

insertAdjacentHTML( ) / innerHTML 특징과 차이점 알아보기

둘 다 JS를 사용해서 HTML코드를 DOM에 넣어 조작하는 메서드다. 1. innerHTML = " html " 로 둘러쌓인 텍스트를 클릭 시 태그로 바꾸는 JS를 작성해보았다. < HTML > click 안녕하세요, 지금은 'span' 태그입니

chlolisher.tistory.com

el.insertAdjacentHTML( position, html )	innerHTML = "html"
인자 2개(위치값, html코드)	인자 1개 (html 코드)
기존 노드 건들지 않고 노드 추가	기존 노드 삭제 후 재구성
position 종류 4가지 ( beforebegin, afterbegin, beforeend, afterend )

Javascript 효율적인 DOM 접근, 추가, 수정 코드 작성법

Javascript 효율적인 DOM 접근, 추가, 수정 코드 작성법 페이지 내 DOM을 컨트롤 하는 것은 Javascirpt 에서 처리하는 가장 흔한 일 중 하나입니다. 효율적인 DOM 접근, 조작, 이벤트 처리방법을 알아두고,

aljjabaegi.tistory.com