JavaScript에서 내부 HTML을 사용하면 다음과 같은 단점이 있습니다. -
전체 innerHTML을 재분석하지 않고는 추가 지원이 없습니다. 이로 인해 innerHTML을 직접 변경하는 속도가 매우 느려집니다.
예를 들어, html 태그에 추가하려면 다음을 수행해야 합니다. -
let myDiv = document.querySelector('#myDiv')
// Reparses the whole myDiv tag.
myDiv.innerHTML += '<p>Added new tag</p>' innerHTML은 유효성 검사를 제공하지 않으므로 문서에 유효하거나 깨진 HTML을 삽입하고 깨뜨릴 수 있습니다.