Javascript 如何从DOM中获取Html以及输入数据

我正在编写一个web应用程序，其中必须从DOM发送HTML以及相应文本区域和文本框的值。目前，我正在使用innerHTML来实现这一点

假设我们有一个html脚本

<div id="abcd">
   <form id="form1" >
      <input type="text" id="input1" />
   </form>
</div>

我在x中得到的只是

<div id="abcd">
   <form id="form1" >
      <input type="text" id="input1" />
   </form>
</div>

虽然我想要的是-

<div id="abcd">
   <form id="form1" >
      <input type="text" id="input1" value="abcd" />
   </form>
</div>

---

您使用了错误的选择器来获取文本输入区域。尝试使用“#输入1”。这样可以获得文本区域值

var x = $("#input1").val();

这将捕获用户输入的文本。 然后使用变量x创建完整的HTML

var y = '<div id="abcd"><form id="form1" ><input type="text" id="input1" value=' + x + "/>   </form></div>"

---

var y='你想提交表单吗？@JK.-对不起，问题不完整。。。我已经编辑了它。我有大约20个输入字段，所以手工操作很麻烦。我的意思是我们可以这样做，但我希望如果已经有内置函数可以这样做。然后只需将您的值保存到数组中（id->value），然后将它们分配回每个输入字段。检查这个答案
var y = '<div id="abcd"><form id="form1" ><input type="text" id="input1" value=' + x + "/>   </form></div>"