是否存在页面改变但Element不会改变的文档状态？答案

【问题标题】：Wether there is a document state that the page changes, but the Element will not change?是否存在页面改变但Element不会改变的文档状态？
【发布时间】：2018-01-31 10:37:12
【问题描述】：

我有一个关于 Chrome 控制台的例子：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>

<form>
  <input type="text" name="form-input" value="value01" >
</form>

</body>
</html>

我将<input>的值改为value012：

在控制台可以看到，值变了：

> var form_input = document.querySelector('[name=form-input]')
< undefined
> form_input

< <input type="text" name="form-input" value="value01">
> form_input.value

< "value012"

但在 Element 中，<input> 没有改变。

我有一个问题，当我改变页面时，元素是否不会改变？有文件说明吗？

（忽略this will never change:abc，没有影响）

【问题讨论】：

标签： html google-chrome google-chrome-console

【解决方案1】：

value 属性代表当前值。

value 属性代表默认值。它映射到defaultValue 属性。

修改当前值不会改变默认值。

如果你有一个重置按钮，它会将当前值替换为默认值。

【讨论】：

<input type="reset">
那么，你的意思是我改变了页面中的值，它是由 javascript 而不是 HTML 改变的？它只是临时存储在 javascript 对象中？
我不知道你最后的评论是什么意思。至少有两个东西叫做“价值”，如果你改变了一些东西，你应该知道你是否使用了 JS。
好的，还有一个问题，你的意思是元素是显示文档属性，对吧？
浏览器中的 DOM 检查器在“呈现为 HTML”视图中显示元素的属性。