tengo este codigo
<div class="buttons"> <button>Press 1</button> <button>Press 2</button> <button>Press 3</button> </div> <script> const buttonContainer = document.querySelector('.buttons'); console.log('buttonContainer', buttonContainer); buttonContainer.addEventListener('click', event => { console.log(event.target); }) </script> al abrir la consola por primera vez, muestra esto: 
donde puedo ver las propiedades y métodos de la variable.
Al recargar la página, cambia a esto: 
¿Alguien podría explicarme por qué sucede? y cómo puedo alternar entre 2 de esas opciones, veo muy útil ver la lista de propiedades y métodos de mi variable cuando sea necesario.
Gracias :)
es porque esa secuencia de comandos se descarga en paralelo al análisis de la página, y es posible que el árbol de representación aún no se haya analizado. para solucionar esto, agregue defer prop a su secuencia de comandos. Eso debería hacer que se ejecute después del análisis.