Estoy creando un sitio web que crea algunos divs cuando se envía un formulario, el problema es que estos divs desaparecen cuando se vuelve a enviar el formulario. ¿Sería posible guardar estos divs en sessionStorage para que cuando se vuelva a enviar el formulario se puedan agregar donde estaban? Algo como esto:
for (i = 0; i <= children.length - 1; i++) { var selectedrow = children[i]; sessionStorage.setItem(i, selectedrow); } sessionStorage.setItem('total', children.length) for (n = 0; n < sessionStorage.getItem('total'); n++) { const rowid = sessionStorage.getItem('n'); selected.appendChild(rowid); }
Este código da el siguiente error Error
Entonces, ¿hay alguna manera de que realmente pueda hacer esto?
Eche un vistazo a DOMParser() , este objeto crea un nuevo documento DOM a partir de una cadena.
Para usarlo, instancia una nueva instancia. Luego usa el método parseFromString() para convertir su cadena en un nuevo elemento de documento. El método acepta la cadena como su primer argumento. Establezca el segundo argumento en text/html.
var stringToHTML = function (str) { var parser = new DOMParser(); var doc = parser.parseFromString(str, 'text/html'); return doc.body; }; stringToHTML('<your html returned from session storage>');