Ответ
DOMContentLoaded — это событие, которое срабатывает, когда HTML-документ полностью загружен и разобран, без ожидания стилей, изображений и других внешних ресурсов. Это означает, что DOM готов к взаимодействию через JavaScript.
Отличие от load: load ждёт загрузки всех ресурсов (изображений, стилей и т. д.), а DOMContentLoaded — только DOM.
Пример использования:
document.addEventListener('DOMContentLoaded', () => {
console.log('DOM готов! Можно работать с элементами.');
});Это событие особенно полезно для скриптов, которым не нужно ждать полной загрузки страницы, чтобы начать работу.