estaba refactorizando mi código js y apareció un error. El error es que en una HTMLCollection de 4 elementos (y si los registro en la consola, están bien), pero si los introduzco en un for, me muestra que la colección es en realidad 3 en lugar de 4. Entonces, por ejemplo, una matriz de índices (0,1,2,3), muestra (0,1,3) omitiendo el segundo elemento. No puedo mostrar gran parte del código porque es bastante largo, por lo que mi pregunta es: ¿por qué puede suceder esto?

console.log de HTMLCollection:

 HTMLCollection(3) [li.page-item, li#page0.page-item, li.page-item, page0: li#page0.page-item] 0: li.page-item 1: li#page0.page-item 2: li#page1.page-item 3: li.page-item page0: li#page0.page-item page1: li#page1.page-item length: 4 [[Prototype]]: HTMLCollection

console.log de la longitud:

 3

Html de paginación (escribí una función js para crear un nuevo li dentro del div):

 <ul id="pagination" class="pagination flex-wrap"> <li class="page-item"><button type="button" class="page-link" onclick="characters.deleteCharacter()">Delete</button></li> <li class="page-item active" id="page0" style="display: none;"><a type="button" class="page-link">0</a></li> <li class="page-item"><button type="button" class="page-link" onclick="characters.createCharacter()">New</button></li> </ul>