If you use innerHTML in JavaScript, the disadvantage is
- Content is replaced everywhere
- We cannot use it like “appending to innerHTML
- Even if you use +=like “innerHTML = innerHTML + ‘html’” still the old content is replaced by html
- The entire innerHTML content is re-parsed and builds into elements. Therefore, it’s much slower
- The innerHTML does not provide validation, and therefore we can potentially insert valid and broken HTML in the document and break it
