如何使整个文档HTML作为字符串保持输入值

Question

当我执行类似 document.documentElement.outerHTML

Answer 1

该值不会更新属性。因此，如果您希望更新该属性，则需要在阅读HTML之前手动执行此操作。

var myForm = document.querySelector('form')
var inputs = document.querySelectorAll('input')
myForm.addEventListener('submit', function (evt) {
  evt.preventDefault()
  inputs.forEach( function (inp) {
    inp.setAttribute('value', inp.value)
  })
 console.log(myForm.outerHTML)
})

<form>
  <input name="bar" value="one" />
  <input name="foo" value="two" />
  <button>Click</button>
</form>