В чём разница между innerHTML, textContent и innerText?

innerHTML читает и записывает HTML-разметку элемента целиком, включая теги. textContent работает только с текстом, игнорируя все теги, и возвращает содержимое даже скрытых элементов. innerText тоже возвращает текст, но учитывает CSS-стили: пропускает display: none, уважает <br> и переносы. Для вставки пользовательского ввода безопасен только textContent — он не парсит HTML и защищает от XSS.