有没有一种方法可以保存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操作？

回答

相关问题