Невозможно добавить весь контент в родительский div внутри цикла

Question

Консоль регистрируется в массиве нормально, но только последнее лицо массива вставляется в HTML <div>.

Почему или в чем заключается сбой?

document.getElementById("team").addEventListener("click", show)
function show(){
    document.getElementById("fritz").style.display = "block";
    document.getElementById("bill").style.display = "block";
    document.getElementById("fran").style.display = "block";



    for (i = 0; i < people.length; i++) {

        var persoxn = people[i].printinfos()

        document.getElementById('insert_text').innerHTML = persoxn

        console.log(persoxn)
     }
}

(https://imgur.com/IJbxvbR) консоль

Answer 1

Вы переопределяете (заменяете) содержимое <div> на каждой итерации, поэтому все элементы, кроме последнего, перезаписываются.

Возможно, вы хотели использовать .insertAdjacentHTML():

    for (let i = 0; i < people.length; i++) {
        var person = people[i].printinfos();
        document.getElementById('insert_text').insertAdjacentHTML(person, "beforeend");
        console.log(person);
     }

Также не забудьте указать i внутри l oop.