Cómo esperar el evento DOM Ready en JavaScript simple

Cómo ejecutar JavaScript tan pronto como podamos, pero no antes

Puede hacerlo agregando un detector de eventos aldocumentobjeto para elDOMContentLoadedevento:

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

Por lo general, no uso las funciones de flecha en el interior para la devolución de llamada del evento, porque no podemos accederthis.

En este caso no lo necesitamos, porquethises siempredocument. En cualquier otro detector de eventos, solo usaría una función regular:

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

por ejemplo, si estoy agregando el detector de eventos dentro de un bucle y realmente no sé quéthisserá cuando se active el evento.


Más tutoriales de navegador: