如何使用javascript获取包含所有标记和元素值的html页面_Javascript_Html

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

javascript html

如何使用javascript获取包含所有标记和元素值的html页面,javascript,html,Javascript,Html,我使用document.documentElement.outerHTML并获得了所有内容，但它不包含所有输入元素的当前状态（文本框、复选框、选择、单选按钮等）我可以使用jquery获取元素值并更新html字符串。但我希望有一个标准的方法来做到这一点。有什么想法吗代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t

我使用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>


无标题页
$（函数（）{
$（“#me”）。单击（函数（）{
警报（document.documentElement.outerHTML）
});
});

您试过这个吗

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

它会提醒所有人，除了。

从您在评论中所说的判断，您实际上只需要表单提交的键值对

我将首先研究使用jQuery的

.serialize（）

如果jQuery的

.serialize（）

不是您要查找的，您应该能够单独引用每个值，我个人首先要确定您的表单：

<form id="formOfStuff">

或者在jQuery中：

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

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

如果您首先像input.setAttribute（“value”，input.value）这样进行每个输入，则该值应在给定时间显示在outerHTML中，document.documentElement.outerHTML属性返回文档的完整视觉表示或状态。如果outerHTML字符串中没有值，则表示该值不在文本框中，或者没有实际选中复选框。例如：我已运行页面并在文本框中填写“hello”。单击submit按钮时，我使用document.documentElement.outerHTML阅读页面。字符串包含但值中没有“hello”如果您有这些值，您将得到这些值。您可能可以创建一个小提琴并将其共享，以便查看您面临的问题。@Prash仅供参考，

value

属性是不可序列化的，因为

value

属性对应于

defaultValue

属性。

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