有沒有一種方法可以保存JavaScript DOM操作？

例如，如果JavaScript在表格上執行一堆操作，則新的HTML將無法通過視圖 - >源顯示。有什麼方法可以捕獲JavaScript操作並將所有內容保存爲純HTML文檔？有沒有一種方法可以保存JavaScript DOM操作？

來源

2012-03-30 Hoa

您可以在DOM查看類似Firebug或IE開發者工具

來源

2012-03-30 23:07:21 TGH

您可以將元素從dom檢查器中複製到記事本等。 – TGH 2012-03-30 23:08:36

IE甚至可以保存從開發人員工具內置的html文檔:-) – TGH 2012-03-30 23:10:40

您可以innerHTML訪問表的序列化的當前狀態查看。

var table = document.getElementById("mytable"); 

table.innerHTML; // "<tbody><tr><td>..." 

table.parentNode.innerHTML; // gets the serialization of the whole table, including the <table> tag

來源

2012-03-30 23:08:48 Dennis

對於最後一件事，最好使用'table.outerHTML'而不是通過父節點也會返回兄弟節點。 – 2012-03-31 17:31:53

你可以使用prompt("test",document.body.innerHTML);和複製粘貼&內容。

來源

2012-03-30 23:10:11 stewe

最簡單的方法是調用

document.documentElement.outerHTML

這將讓輸出作爲視圖源相同，只是它將有所有的DOM操作可見。但它可能會丟失DOCTYPE。我意識到Webkit控制檯正在打印doctype，但沒有公共API來獲取DOCTYPE，所以您必須自己做。

一個小書籤，您可以添加到您的瀏覽器查看DOM：

javascript:(function(){win=open(%22about:blank%22,%20%22View%20DOM%20Source%22,%20%22menubar=no,resizable=yes,status=no,toolbar=no%22);win.document.write(%22<pre>%22%20+%20document.documentElement.outerHTML.split(%22&%22).join(%22&amp;%22).split(%20%22<%22).join(%22&lt;%22).split(%22>%22).join(%22&gt;%22)%20+%20%22</pre>%22);win.focus();})()

（對不起，不能發佈一個Javascript鏈接）。

來源

2012-03-30 23:11:25

'document.documentElement.outerHTML'怎麼樣？在OP的情況下，我們可以假設有一個「主體」節點，但總的來說，我想在理論上可能沒有。 – 2012-03-31 16:05:40

@DG。好點，我會更新答案。 – 2012-03-31 17:29:38

有沒有一種方法可以保存JavaScript DOM操作？

回答

相關問題