Estoy intentado coger con querySelectorAll todos los botones que tienen una misma clase. Para ver si los almacena correctamente en un array estoy intentando visualizarlo por consola pero me dice que el array esta vacío. He probado a poner cualquier tipo de clase, id o etiqueta y no me coge nada, siempre dice que el array esta vacío. El código resumido es el siguiente:
const addToShoppingCartButtons = document.querySelectorAll('.btn_añadir');
console.log(addToShoppingCartButtons);
<div class="piezas">
<div>
<img class="pieza_img" src="imagenes/recambios/cargador.jpg">
</div>
<div class="nombre_pieza">
<p>Beikell cargador USB de doble puerto</p>
</div>
<div class="botones_pieza">
<div class="botones"><button class="btn_añadir"><span class="material-icons">add</span></button></div>
<div class="botones"><button class="btn_quitar"><span class="material-icons">remove</span></button></div>
</div>
<div class="stock">
<p>En Stock</p>
</div>
<div class="precio_pieza">
<p>6.59€/ud</p>
</div>
</div>
Al abrir la consola me dice que el array esta vacio, incluso poniendo las etiquetas p o div. La consola me saca esto: NodeList []
Alguien sabe por que puede ser? He probado en otros documentos menos tediosos y funciona sin problema.