Как использовать (запускать) class в цикле

let info = document.querySelectorAll('.info'); 
class CreateBlockInfo { 
  constructor(elem) { 
    this.fragment = document.createDocumentFragment(); 
    this.element = document.createElement(elem); 
  } 
  Append(parent) { 
    this.fragment.appendChild(this.element.cloneNode()); 
    parent.appendChild(this.fragment) 
  } 
} 
 
//Потом создаю экземпляр класса  runCreateBlockInfo 
let runCreateBlockInfo = new CreateBlockInfo('span'); 
// и вот далее я пытаюсь запустить экземпляр класса в цикле 
// я хочу в каждый элемент info  вставить созданный span 
for (let i = 0; i < info.length; i++) { 
  runCreateBlockInfo.Append(info[i]); 
} 
 
// рузультат такой, только в последний элемент info вставляется span  
 
console.log(info[0].childNodes); 
console.log(info[1].childNodes); 
console.log(info[2].childNodes);

span::before { 
  content: "span" 
}

<p class="info"></p> 
<p class="info"></p> 
<p class="info"></p>