Aké sú riziká pri používaní innerHTML?

XSS útoky (Cross-Site Scripting): Ak reťazec priradený innerHTML obsahuje vstup od používateľa a nebol správne sanitizovaný, útočník môže vložiť škodlivý kód (napríklad <script>) do stránky, ktorý sa spustí v prehliadači iných používateľov.
Strata existujúcich obsluhovačov udalostí: Priradenie hodnoty innerHTML nahradí celý obsah prvku, vrátane existujúcich DOM uzlov a s nimi spojených obsluhovačov udalostí. Ak nie sú znovu priradené, funkčnosť stránky môže byť narušená.
Problémy s výkonom: Manipulácie s innerHTML môžu byť menej efektívne v porovnaní s použitím metód API DOM (createElement, appendChild atď.), najmä pri veľkých objemoch dát. Prehliadač musí analyzovať HTML reťazec a znovu zostaviť DOM strom.
Nesprávne spracovanie špeciálnych znakov: Hoci prehliadače zvyčajne správne spracovávajú špeciálne znaky pri parsovaní HTML, pri ručnom vytváraní reťazca pre innerHTML môžu nastať chyby, ktoré vedú k nesprávnemu zobrazeniu alebo zraniteľnostiam.
Načítanie externých zdrojov: Vkladanie tagov <script> alebo <link> cez innerHTML môže viesť k načítaniu a spusteniu externých zdrojov, čo zvyšuje čas načítania stránky a môže predstavovať bezpečnostné riziko.
Problémy s SVG a MathML: innerHTML nie je vhodné na manipuláciu s SVG alebo MathML v rámci HTML, pretože tieto menné priestory majú svoje vlastné špecifiká pri parsovaní.