如何使用javascript获取包括所有标签和元素值的html页面

Question

我使用document.documentElement.outerHTML并得到了一切，除了它不包含所有输入元素（文本框，复选框，选择，单选按钮等）的当前状态。

我可以使用jquery获取元素值并更新html字符串。 但我希望有一种标准的方法可以做到这一点。 任何想法？

这是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
      $(function () {
          $("#me").click(function () {
           alert(  document.documentElement.outerHTML )
          });
      });

</script>

 <style type="text/css">
 </style>

</head>
<body>
 <form>       
<input id="me" type="submit" value="test" />
<input id="Text1" type="text" value="" />
</form>
</body>
</html>

Answer 1

你有尝试过吗？

alert($('html').html());

它将警告除DOCTYPE之外的整个HTML元素。

Answer 2

根据您在评论中所说的话，您实际上只需要表单提交的键值对。

我首先要研究使用jQuery的.serialize()

如果jQuery的.serialize()不是您想要的，则您应该能够单独引用每个值，我个人将首先确定您的表单：

<form id="formOfStuff">

然后，在纯JavaScript中，您可以执行以下操作：

var me = formOfStuff.elements["me"].value;
var text1 = formOfStuff.elements["text1"].value;
alert("me=" + me + " text1 = " + text1);

或在jQuery中：

var me = $("#me").val();
var text1 = $("#text1").val();
alert("me=" + me + " text1 = " + text1);

您输入的值是POST数据的一部分，也可以在表单操作中要发布到的任何页面的服务器端访问。

如何使用javascript获取包括所有标签和元素值的html页面

问题描述

2 个解决方案

解决方案1
0 2013-08-01 04:14:36

解决方案2
0 2013-08-01 04:45:59

如何使用javascript获取包括所有标签和元素值的html页面

问题描述

2 个解决方案

解决方案1 0 2013-08-01 04:14:36

解决方案2 0 2013-08-01 04:45:59

解决方案1
0 2013-08-01 04:14:36

解决方案2
0 2013-08-01 04:45:59