[Pregunta]: (¡Ayuda!) No cuenta la cantidad de elementos REAL

[Leguim]

Buenas noches! me surgió un problema y es que cuando quiero obtener una cantidad de elementos por clase digamos.. '.caja_verde' no me sale la cantidad real, estoy trabajando con ajax..

Es así.. digamos tengo 5 elementos...

Código (php) [Seleccionar] Expandir


<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>


naturalmente tengo 5 cajas a simple vistas con esa clase, ahora cuando agrego mas cajas de forma dinámica con AJAX...
digamos que agrego otras 3 más...

Código (php) [Seleccionar] Expandir


<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>
<div class="caja_verde"></div>


Ahora ya son 8, pero de igual forma me muestra como valor, 5 cantidad de elementos con esa clase...

Código JS para saber cantidad de elementos por clase..

Código (javascript) [Seleccionar] Expandir


var cantidad = document.querySelectorAll('.caja_verde');
console.log(cantidad);


Espero haberme explicado bien, solamente me falta solucionar esto y mi sistema ya funcionaria correctamente sin problemas