https://chlolisher.tistory.com/158
insertAdjacentHTML( ) / innerHTML 특징과 차이점 알아보기
둘 다 JS를 사용해서 HTML코드를 DOM에 넣어 조작하는 메서드다. 1. innerHTML = " html " 로 둘러쌓인 텍스트를 클릭 시 태그로 바꾸는 JS를 작성해보았다. < HTML > click 안녕하세요, 지금은 'span' 태그입니
chlolisher.tistory.com
< insertAdjacentHTML VS innerHTML >
| el.insertAdjacentHTML( position, html ) | innerHTML = "html" |
| 인자 2개(위치값, html코드) | 인자 1개 (html 코드) |
| 기존 노드 건들지 않고 노드 추가 | 기존 노드 삭제 후 재구성 |
| position 종류 4가지 ( beforebegin, afterbegin, beforeend, afterend ) |
https://aljjabaegi.tistory.com/628
Javascript 효율적인 DOM 접근, 추가, 수정 코드 작성법
Javascript 효율적인 DOM 접근, 추가, 수정 코드 작성법 페이지 내 DOM을 컨트롤 하는 것은 Javascirpt 에서 처리하는 가장 흔한 일 중 하나입니다. 효율적인 DOM 접근, 조작, 이벤트 처리방법을 알아두고,
aljjabaegi.tistory.com
'coding' 카테고리의 다른 글
| 아파치 설치하기 (0) | 2023.05.23 |
|---|---|
| jsp curl (0) | 2023.03.20 |
| innerHTML vs createElement (0) | 2023.03.03 |
| Emmet 에밋, 에멧 문법 정리 (0) | 2023.02.03 |
| HLS란, video 태그 m3u8 포맷 스트리밍 지원여부 확인 (0) | 2023.02.03 |