是否可以在会话存储中保存div并检索/附加它?

Question

我正在制作一个网站，当提交表单时创建一些div，问题是这些div在重新提交表单时消失。是否有可能将这些div保存在sessionStorage中，以便在表单重新提交时可以将它们附加回原来的位置?像这样:

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);
}

这段代码给出了以下错误误差

有什么方法可以做到吗?

Answer 1

看一下DOMParser()，这个对象从一个字符串创建一个新的DOM文档。

要使用它，需要实例化一个新实例。然后使用parseFromString()方法将字符串转换为新的文档元素。该方法接受字符串作为它的第一个参数。设置第二个参数为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>');