Hogyan lehet megállapítani, hogy a DOM betöltődött?

Használja a DOMContentLoaded eseményt.

document.addEventListener('DOMContentLoaded', () => {
  // Kód, amely a DOM betöltése után fut le
});

Alternatívaként ellenőrizheti a document.readyState tulajdonságot:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // Kód
  });
} else {
  // A DOM már betöltődött
}

A DOMContentLoaded esemény akkor aktiválódik, miután a HTML-dokumentum teljesen betöltődött és elemzett, de még a külső erőforrások, például stílusok és képek betöltése előtt.

A teljes oldalbetöltés, beleértve minden erőforrást, az load eseménnyel határozható meg:

window.addEventListener('load', () => {
  // Kód, amely a teljes oldalbetöltés után fut le
});