ข้อเสียของการใช้ innerHTML ใน JavaScript

การใช้ HTML ภายในใน JavaScript มีข้อเสียดังต่อไปนี้ -

ไม่มีการผนวกการสนับสนุนโดยไม่ต้องแยกวิเคราะห์ HTML ภายในทั้งหมด สิ่งนี้ทำให้การเปลี่ยนแปลง innerHTML ทำได้ช้ามาก

ตัวอย่างเช่น สำหรับการต่อท้ายแท็ก html คุณจะต้องทำสิ่งต่อไปนี้ −

let myDiv = document.querySelector('#myDiv')
// Reparses the whole myDiv tag.
myDiv.innerHTML += '<p>Added new tag</p>'

innerHTML ไม่ได้ให้การตรวจสอบ ดังนั้นเราจึงสามารถแทรก HTML ที่ถูกต้องและใช้งานไม่ได้ในเอกสารและทำลายมัน