如何使用javascript捕获包含值的html文档

Question

我有一个动态页面，其中包含许多输入字段以及其他选择菜单或复选框。我试图将页面的所有功能保存到一个变量中，包括输入的文本和选定的菜单。

document.getElementById("mainBody").innerHTML确实捕获了html，但没有捕获输入。

必须使用纯JavaScript。 document.getElementsByTagName('input')和循环是捕获值的最佳方法吗？

Answer 1

您可以尝试使用outerHTML

Array.from(document.getElementsByTagName('input')).forEach((e) => {
  console.log(e.outerHTML)

})

<input value='1'>
<input value='2'>
<input value='3'>
<input value='4'>