如何使用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'>