Jaká jsou rizika při používání innerHTML?

XSS útoky (Cross-Site Scripting): Pokud řetězec přiřazený k innerHTML obsahuje uživatelský vstup a není správně očištěn, útočník může do stránky vložit škodlivý kód (například <script>), který se spustí v prohlížeči jiných uživatelů.
Ztráta stávajících obsluhovačů událostí: Přiřazení hodnoty innerHTML nahradí veškerý obsah prvku, včetně existujících uzlů DOM a s nimi spojených obsluhovačů událostí. Pokud nejsou znovu přiřazeny, může dojít k narušení funkčnosti stránky.
Problémy s výkonem: Manipulace s innerHTML může být méně efektivní než použití metod API DOM (createElement, appendChild atd.), zejména u velkých objemů dat. Prohlížeč musí analyzovat HTML řetězec a znovu sestavit strom DOM.
Nesprávné zpracování speciálních znaků: Ačkoli prohlížeče obvykle správně zacházejí se speciálními znaky při parsování HTML, při ruční tvorbě řetězce pro innerHTML může dojít k chybám, které vedou k nesprávnému zobrazení nebo zranitelnostem.
Načítání externích zdrojů: Vkládání tagů <script> nebo <link> přes innerHTML může vést ke načítání a spuštění externích zdrojů, což prodlužuje dobu načítání stránky a může představovat bezpečnostní riziko.
Problémy s SVG a MathML: innerHTML není vhodné pro manipulaci s SVG nebo MathML uvnitř HTML, protože tyto jmenné prostory mají své vlastní vlastnosti parsování.