Что такое DOMContentLoaded

DOMContentLoaded — это событие, которое срабатывает, когда HTML-документ полностью загружен и разобран, без ожидания стилей, изображений и других внешних ресурсов. Это означает, что DOM готов к взаимодействию через JavaScript.

Отличие от load: load ждёт загрузки всех ресурсов (изображений, стилей и т. д.), а DOMContentLoaded — только DOM.

Пример использования:

document.addEventListener('DOMContentLoaded', () => {
  console.log('DOM готов! Можно работать с элементами.');
});

Это событие особенно полезно для скриптов, которым не нужно ждать полной загрузки страницы, чтобы начать работу.