공부방/JavaScript1 insertAdjacentHTML vs innerHTML 차이점(보안) 1. 개요 insertAdjacentHTML과 innerHTML은 웹 개발에서 DOM 요소를 조작하는 데 사용되는 두 가지 중요한 JavaScript 메서드. 하지만 각 메서드는 작동 방식, 성능, 보안 측면에서 몇 가지 주요 차이점을 가지고 있다. 여기서는 두 메서드의 차이점을 명확하게 비교 분석하여 개발자가 상황에 맞는 적절한 메서드를 선택할 수 있도록 하자. 2. 작동 방식 1) innerHTML ○ 대상 요소의 모든 자식 요소를 제거하고 전달된 HTML 문자열로 완전히 대체 ○ 마치 요소 내부를 빈 캔버스처럼 비우고 새로운 그림을 그리는 것과 유사 ○ 이미 존재하는 이벤트 리스너, 데이터 속성 등이 모두 삭제2) insertAdjacentHTML ○ 전달된 HTML 문자열을 대상 요소의 특.. 2024. 6. 22. 이전 1 다음
