Jak sprawdzić, czy DOM jest załadowany?

Użyj zdarzenia DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
  // Kod, który zostanie wykonany po załadowaniu DOM
});

Alternatywnie, można sprawdzić właściwość document.readyState:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kod
  });
} else {
  // DOM jest już załadowany
}

Zdarzenie DOMContentLoaded wywołuje się po pełnym załadowaniu i sparsowaniu dokumentu HTML, ale przed załadowaniem zasobów zewnętrznych, takich jak style i obrazy.

Aby określić pełne załadowanie strony, w tym wszystkich zasobów, używa się zdarzenia load:

window.addEventListener('load', () => {
  // Kod, który zostanie wykonany po pełnym załadowaniu strony
});