Как проверить что DOM готов

Для проверки готовности DOM можно использовать несколько подходов:

1. Событие DOMContentLoaded - срабатывает когда HTML полностью загружен и обработан:

document.addEventListener('DOMContentLoaded', () => {
  console.log('DOM готов!');
});

2. Если нужна поддержка старых браузеров (IE8-):

document.onreadystatechange = function() {
  if (document.readyState === 'complete') {
    console.log('DOM готов!');
  }
};

3. В jQuery:

$(document).ready(function() {
  console.log('DOM готов!');
});

Важно: DOMContentLoaded не ждет загрузки изображений и стилей, только HTML. Для полной загрузки страницы используйте событие load.