Estoy tratando de acceder y manipular una colección HTML usando estos métodos https://attacomsian.com/blog/javascript-htmlcollection .
Sin embargo, tengo un problema en el que solo puedo acceder a él a través de la consola de herramientas de desarrollo y no a través de JS normal.
En las líneas 6 y 7 de la captura de pantalla, estoy registrando la colección HTML y su longitud, y el resultado es 0.
Pero cuando hago lo mismo en la consola de herramientas de desarrollo, obtengo 7. Mi secuencia de comandos también se difiere.
Cualquier ayuda sería muy apreciada, ¡gracias! 
Es probable que ejecute el script antes de que existan los elementos.
Probar
window.addEventListener("DOMContentLoaded", () => { console.log(document.querySelectorAll("article").length); })