Wie erkennt man, dass das DOM geladen ist?

Verwenden Sie das Ereignis DOMContentLoaded.

document.addEventListener('DOMContentLoaded', () => {
  // Code, der nach dem Laden des DOM ausgeführt wird
});

Alternativ können Sie die Eigenschaft document.readyState überprüfen:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Code
  });
} else {
  // DOM ist bereits geladen
}

Das Ereignis DOMContentLoaded wird ausgelöst, nachdem das HTML-Dokument vollständig geladen und geparst wurde, aber vor dem Laden externer Ressourcen wie Styles und Bilder.

Um das vollständige Laden der Seite, einschließlich aller Ressourcen, zu bestimmen, wird das Ereignis load verwendet:

window.addEventListener('load', () => {
  // Code, der nach dem vollständigen Laden der Seite ausgeführt wird
});