Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'?

Question

[Just Idiot]

Когда я добавляю новые html-элементы, я их храню в localStorage, они сохраняются успешно в хранилище, но отображаться на страницу они не хотят, вызывая ошибку в заголовке.

//массив, который содержит заметки и передает их в хранилище
list = [];
function add_note() {

    //туда будут добавляться новые записи
    var section = document.getElementById("all_notes");
    //основной элемент заметки
    var note = document.createElement("div");
    
    //получаем этот основной элемент и его дочерние элементы
    var html = note.outerHTML;
    list.push(html);

    list_to_string = JSON.stringify(list);

    localStorage.setItem('save_notes', list_to_string);
    save_notes = localStorage.getItem('save_notes');

    list = JSON.parse(save_notes);

    for (var element of list) {
        section.appendChild(element);
    }

}

Comments

[WbICHA]

list = JSON.parse(save_notes);
for (var element of list) {
  section.appendChild(element);
}

То есть ты пытаешься зааппендить строку и удивляешься, что строка не является нодой?

Answer 1

[Just Idiot]

Мне пришлось убрать все действия с JSON(чтобы было без строк), получилось так

var html = note.outerHTML;
        list.push(html);

        localStorage.setItem('save_notes', list);
        save_notes = localStorage.getItem('save_notes');
      
        list = save_notes;
        section.innerHTML = list;

Ошибки не выводятся, но при перезагрузке добавленные записи стираются с html. Теперь возник новый вопрос