通过输入框进行编辑后，value 属性如何用于 html 输入标记？
example:
<input type="text" name="test" id="test" value="Hello world" />
这将显示一个带有文本“Hello world”的输入框。如果我编辑它，将一个新字符串输入到渲染的文本框中（不是通过原始代码），然后尝试使用像这样的js获取他的值
alert(document.getElementById('test').value)
我会正确地获得新值。 但是，如果我通过 chrome 开发人员工具（或 firebug 或任何您喜欢的东西）检查该元素，我将看到与开头相同的“Hello world”字符串。
两者中哪一个是正确的？ js 值还是 chrome 检查器？
Here's the Example Fiddle and here's a screenshot
我在尝试找到此问题的解决方案时想到了这一点：经典商店情况，我有一个带有 X 输入标签的表，用户可以在其中输入 X 商品的数量。我需要检查自每个输入的上一个值以来一个或多个值是否已更改：如果 OLD 和 NEW val 之间的比较返回值已更改，则我需要更新订单。否则无需保存/更新。
我想我可以使用 attr. “value”来存储输入的“旧”值，但可能不是最好的选择。
谁能解释这种行为？这只是“刷新”问题还是背后有其他原因？
两者都对，只是表现出不同的东西。
The DOM value property给你current value.
超文本标记语言value 属性给你default值（与 DOM 相同）defaultValue property).
Chrome DOM 检查器在 HTML 视图中向您显示属性值。您必须查看属性视图才能看到属性值。
