是否可以將DOM操作保存在原始HTML文件中？

Question

可以說我網頁的某些部分是：

<p id = "para"></p>

我執行：

 $("#para").text("Hello world!");

現在有效的網頁變為：

<p id = "para">Hello world</p>

是否有JavaScript或Jquery方法可以保存在網頁的某些部分執行的此類DOM操作，以便當我再次打開網頁時這些操作重新出現？

換句話說，我可以將這些更改寫到HTML文件中嗎？

編輯：實際上，我想保存一個表格，該表格在日常使用中會越來越大。

Answer 1

是! 您可以使用localstorage（ https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage ）來存儲更改，並且可能使用mutationobserver（ https://developer.mozilla.org/ zh-CN / docs / Web / API / MutationObserver ）以監視更改。

Answer 2

對我來說，您正在尋找的是庫存文字，以備將來使用。 我建議使用LocalStorage。 像這樣 ：

//to stock
localStorage.setItem('myTextVariableName', 'HelloWorld!');

//to load
$("#para").text(localStorage.getItem('myTextVariableName'));

然后，一旦您再次加載頁面，就會得到它

Answer 3

將js腳本插入html，每次打開html頁面時代碼都會運行。 您也可以使用本地存儲。