将一部分html保存到本地存储稍后加载

Question

我需要将 html div (id=tabela) 的内容保存到 localstorage，以便可以通过 localstorage 在另一个会话中加载表的内容。如何将div内容放入变量中？

var = tabelaContent; //<-- I need contents of <div id=tabela> in this 
localStorage.setItem("tabelaContent",tabelaContent);

// then, upon pressing the "load" button

localStorage.getItem(tabelaContent);

仅供参考，如果有另一种方法可以使表的内容持久化，请告诉我

TIA。

Answer 1

您可以document.getElementById("myID").innerHTML像这样使用：

var = tabelaContent; 

tabelaContent = document.getElementById("tabela").innerHTML
localStorage.setItem("tabelaContent",tabelaContent);