Javascript getAttribute（“value”）不返回用户输入[重复]答案

【问题标题】：Javascript getAttribute("value") does not return user input [duplicate]Javascript getAttribute（“value”）不返回用户输入[重复]
【发布时间】：2021-10-05 19:20:22
【问题描述】：

我的问题是，在 JavaScript 中，当请求我写过的输入字段时，例如“abc”：

input_obj // <input type="text" value="">
input_obj.getAttribute("value")  // returns: ""
input_obj.value                  // returns: "abc"

我想通过 getAttribute() 获取用户输入，但与 .value 属性相反，它不会更新。第一个返回原始 HTML 中的内容，另一个返回当前屏幕上的内容。

任何人都知道如何获取用户输入，但使用 string 中的属性名称？

【问题讨论】：

这能回答你的问题吗？ When to use setAttribute vs .attribute= in JavaScript?
只有在阅读了答案后，我才明白您所说的“但在字符串中使用属性名称” 可能是什么意思。请see Dynamically access object property using variable.

标签： javascript input dynamic user-input

【解决方案1】：

value 属性代表输入的初始值。

value 属性表示输入的当前值。

它们是截然不同的东西，即使它们同名。

没有代表当前值的属性。

您不能使用getAttribute 获取当前值。

使用包含名称的字符串变量读取属性，use square bracket notation。

input_obj["value"]

【讨论】：