Какие знаешь опасности при работе с innerHTML

Использование innerHTML может привести к XSS-атакам, если вставляется недоверенный контент. Злоумышленник может внедрить вредоносный скрипт:

<div id="target"></div>
<script>
  document.getElementById('target').innerHTML = '<img src=x onerror="alert('XSS')">';
</script>

Другие проблемы:

• Перезаписывает все дочерние элементы и события, что может вызвать утечки памяти
• Медленнее, чем работа с DOM API (createElement, appendChild)
• Ломает интерактивные элементы (<video>, <canvas>)

Безопасные альтернативы:

• textContent для текста
• document.createElement + append для элементов
• DOMPurify.sanitize() если нужно обрабатывать HTML из ненадёжных источников