Машинопись 3,5 л oop HTMLCollectionOf <HTMLImageElement>не завершена

Question

Это моя функция:

let tableData: any = document.getElementById('serversTable');

let images: any = tableData.getElementsByTagName('img');
console.log(images.length); // displays 5 in console 

for(var i = 0; i < images.length; i++) {
   console.log(i);
   var os = images[i].alt;

   var sp1 = document.createElement("span");
   sp1.appendChild(document.createTextNode(os));
   images[i].parentNode.replaceChild(sp1, images[i]);
}

В строке console.log(i); отображаются 0, 1 и 2. 3 и 4 не отображаются на консоли, в то время как images.length равно 5.

Так что l oop не завершено, я не знаю почему.

Answer 1

исправлено:

 let serverTableData: any = document.getElementById('serversTable');

 let images2: any = serverTableData.getElementsByTagName('img');
 let images: any = Array.from(images2);
 for(var i = 0; i < images.length; i++) {
   var os = images[i].alt;
   var sp1 = document.createElement("span");
   sp1.appendChild(document.createTextNode(os));
   images[i].parentNode.replaceChild(sp1, images[i]);
 }