Comment attendre l'événement DOM ready en JavaScript brut

Comment exécuter JavaScript dès que possible, mais pas plus tôt

Vous pouvez le faire en ajoutant un écouteur d'événement audocumentobjet pour leDOMContentLoadedun événement:

document.addEventListener('DOMContentLoaded', (event) => {
  //the event occurred
})

Je n'utilise généralement pas les fonctions fléchées à l'intérieur pour le rappel d'événement, car nous ne pouvons pas accéderthis.

Dans ce cas, nous n'en avons pas besoin, carthisest toujoursdocument. Dans tout autre écouteur d'événements, j'utiliserais simplement une fonction régulière:

document.addEventListener('DOMContentLoaded', function(event) {
  //the event occurred
})

par exemple si j'ajoute l'écouteur d'événement dans une boucle et que je ne sais pas vraiment quoithissera lorsque l'événement est déclenché.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur:


Tech Wiki en ligne!