是否有可能在JavaScript中获取HTML页面代码并将TextBoxes替换为其值？

Question

我需要点击此页面中的按钮创建html页面副本，但所有<input type = 'text'...都替换为其值。

我想，我可以处理第二部分，但是如何首先获得HTML代码？ 这有可能吗？

我需要这个来生成HTML报告 页面显示在我的编程的内部浏览器中。基本的想法，学生看到输入的页面，然后当他填写所有，他按下HTML页面内的按钮，一些JS处理程序工作并发送到我的编程相同的页面，但没有输入以供以后审查老师。

Answer 1

如果您想获取文档正文的html，请使用：

document.body.innerHTML

然后您可以根据需要进行修改并进行更改：

document.body.innerHTML = ... modified html ...

有更好的方法可以实现结果，例如使用jQuery操作DOM。

Answer 2

您可以使用文档DOM元素并将其序列化：

（new XMLSerializer（））。serializeToString（document）;

有关跨浏览器的兼容性，请参阅this帖子

Answer 3

如果您有<form>，则可以发布到同一页面，将?post=1添加到action。

然后在php中

if ($_GET["post"]==1) { 
//same table or div structure getting the values submitted by the form
}

你知道怎么做吗？这是你需要的吗？