innerHTML
JavaScript를 통해서 html의 content를 가져와서 그 값을 화면상에 보여주거나 직접 변경하여 보여준다.
insertAdjacentHTML
HTML 인접(ajacent)elemen에 단순 삽입한다. 따라서 , element가 손상되지 않는다.
비교
결론: innerHTML는 다시 파싱하기 때문에 속도가 더 느리다.
출처:
[새아의 테크노트]
[insertAdjacentHTML vs innerHTML]
이왕 사는거 넓은 주방을 가지는 성공하는 삶을 살고 싶습니다.