როგორ დავადგინოთ, რომ DOM იტვირთა?

გამოიყენეთ DOMContentLoaded მოვლენა.

document.addEventListener('DOMContentLoaded', () => {
  // კოდი, რომელიც შესრულდება DOM-ის ჩატვირთვის შემდეგ
});

ალტერნატიულად, შეგიძლიათ გადაამოწმოთ document.readyState თვისება:

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', () => {
    // კოდი
  });
} else {
  // DOM უკვე ჩატვირთულია
}

DOMContentLoaded მოვლენა იფეთქებს, შემდეგი HTML დოკუმენტის სრული ჩატვირთვისა და ანალიზის შემდეგ, მაგრამ ადრე, ვიდრე გარე რესურსების, როგორიცაა სტილები და სურათები, ჩატვირთვა.

საიტის სრული ჩატვირთვის განსაზღვრისთვის, მათ შორის ყველა რესურსის, გამოიყენება load მოვლენა:

window.addEventListener('load', () => {
  // კოდი, რომელიც შესრულდება სრული ჩატვირთვის შემდეგ
});