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...

<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...

<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..

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