Javascript 查看jQuery注入代码的HTML

我正在考虑使用一些jQuery工具/插件来动态更改页面的DOM：

当新DOM被更改时，我可以使用Firebug在添加新元素时查看它们，但是我想知道是否有人对我如何也可以构建一个.html页面提出了建议，在添加了大量元素之后可以保存该页面

我的最终目标是创建一个HTML表单生成器，它将生成HTML输出，这样我就可以在执行过程中保存工作。我还想获取生成的输出并上传，对其进行解析，这将允许我在其他时间继续工作

---

任何关于如何至少获取.html文件的想法都是很好的，或者是我可以使用的工具。

您可以使用本机

outerHTML

：

vat thehtml = $('#yourElement')[0].outerHTML;

---

假设您只需要页面的body标记中的位，您可以使用

document.body.outerHTML

获得HTML

您可以使用jQuery获取整个

部分的HTML：

$('body').html();

---

难道您不能使用

$（element）.html（）

获取生成对象的html，然后将其发布到服务器端脚本以进行保存吗？我假设您希望保存生成器数据以备以后使用？也就是说，获取生成的表单并继续使用该工具对其进行修改？看起来您链接的jQuery form Builder插件可以完全完成您尝试执行的操作。无需jQuery:

document.getElementsByTagName（'html'）[0]。outerHTML

@Matt Ball-如果他想要整个页面的话。按照我的理解，OP只需要某些特定元素的HTML…我相信Firefox不支持

outerHTML

。innerHTML也可以工作，但你只需要松开body标签和上面的任何东西。