innerHTML vs appendChild

innerHTML vs appendChild

렌더링 될 노드의 크기(양)이 적다면 appendChild가 빠릅니다. innerHTML의 경우엔 문자열을 노드로 교체하는 단계가 있어 브라우저가 문자열을 파싱하고 노드 만들고 다시 렌더링하는 과정을 거치게 됩니다. 하지만 렌더링 할 노드의 양이 많다면 innerHTML은 한번의 파싱으로 렌더링을 하기 때문에 appendChild보다 더 나은 성능을 보이게 됩니다. innerHTML은 노드를 직렬화하여 할당하는 방식이므로 innerHTML이 더 빠른 속도로 수행됩니다.

공유하기 글 요소 저작자표시

from http://jin-pro.tistory.com/69 by ccl(A) rewrite - 2021-09-19 02:01:00