Невозможно удалить записи из firebase

Question

Список неправильно получает отступы.

Всякий раз, когда я добавляю некоторый контент, он добавляется в БД, и весь контент БД отображается на странице пользователя.Проблема в том, что когда я добавляю данные, на странице отображается старый список, в котором указано, что имеется 20 записей, поэтому при отображении данных отображается 20 (старые записи) + 21 запись.

function showData() {

database.on("value", function (snapshot) {

    var dbData = snapshot.val();
    var keys = Object.keys(dbData);
    keys = keys.reverse();
    var contentRows = document.getElementsByClassName("contentClass");
    for (var i = 0; i < contentRows.length; i++) {
        contentRows[i].remove();
    }
    for (var i = 0; i < keys.length; i++) {
        var k = keys[i];
        textContent = dbData[k].content;
        timeContent = dbData[k].time;
        dateContent = dbData[k].date;

        var newDiv = document.createElement("div");
        newDiv.classList.add("contentClass");
        var something = `
            <div class="dataDiv">
            ${textContent + "<br />" + timeContent + "<br />" + dateContent}
            </div>
        ` ;

        newDiv.innerHTML = something;
        content.appendChild(newDiv);
    }

})


}

Я не могуудалить старый список и создать обновленный список.Как мне исправить это, чтобы он отображал обновленный список правильно.