Проблема загрузки div во внешнем интерфейсе с использованием Jsdom (клонирование существующего div и добавление его несколько раз путем изменения значений)

Question

Итак, я пытаюсь загрузить комментарии, создав клон существующего элемента div и добавив его несколько раз, изменив его значения в l oop. Но я вижу добавление только одного элемента div. Как добавить несколько Div? И также это правильный подход?

let catpostsjsonep =
  "http://localhost:3000/getmorecategoryposts/5e10302d94b76840582b9e20";

(async function() {
  let hmm = await fetch(catpostsjsonep);
  if (hmm.ok) {
    let catlistjson = await hmm.json();

    //I want insert multiple catlistdivmodel divs into catlistdiv by changing values in the for loop

    let catlistdiv = document.querySelector("#catlistdiv");
    let catlistdivmodel = document.querySelector(".catlistdivmodel");
    for (i = 0; i < catlistjson.length; i++) {
      let cloneddivmodel = catlistdivmodel.cloneNode(true);
      console.log(cloneddivmodel);
      catlistdiv.appendChild(cloneddivmodel);
      if ((i = catlistjson.length - 1)) {
        cloneddivmodel.style.display = "block";
      }
    }
  } else {
    console.log("HTTP-Error: " + response.status);
  }
})();