Как сохранить объект HTML [дубликат]

126
21 июля 2019, 11:10

На данный вопрос уже ответили:

  • как прочесть данные из [object HTMLDivElement] 1 ответ

На странице есть контейнер div, а пользователь может его изменять - добавлять новые объекты. Как сделать, чтобы все эти добавленные объекты сохранить, а потом, когда пользователь зайдёт на страницу, все элементы восстановились??

Какие надо использовать функции, библиотеки, языки, чтобы реализовать это?

Answer 1

const app = document.getElementById('app'); 
const serialazer = new XMLSerializer(); 
 
const strinElem = serialazer.serializeToString(app); 
// const strinElem = document.body.innerHTML;  //так тоже будет работать но с нюансами 
 
 
setTimeout(function() { 
  document.body.insertAdjacentHTML('beforeend', strinElem ) 
  },2000) 
 
//ниже код с использованием localStorage. Здесь не работает. 
 
//localStorage.html = strinElem; 
//setTimeout(function() { 
  //const restoredElem = localStorage.html; 
  //document.body.insertAdjacentHTML('beforeend', restoredElem) 
  //},2000)
<div id="app">111</div>

READ ALSO
Количество товара на странице, как это реализуется? Ajax?

Количество товара на странице, как это реализуется? Ajax?

верстаю макет для обучения и столкнулся с такой задачейНа странице изначально отображается 16 карточек товара, но можно через фильтр делать...

135
Замена символа в строке по его количеству

Замена символа в строке по его количеству

Код ниже (c# winforms net40 vs2010) считает количество повторений символа "Environment

175
С помощью чего сделать HTML документ? asp.net core

С помощью чего сделать HTML документ? asp.net core

нужно генерировать HTML страницу на сервере по заданным данным, что бы после отправить человеку email с прикреплённой html формой

172
Как сделать движение объекта вверх на определённое количество секунд при срабатывании триггера?

Как сделать движение объекта вверх на определённое количество секунд при срабатывании триггера?

Пробовал уже многие варианты, но ничего не работаетВот последняя догадка:

176