如何在JavaScript中获取输入值而不使用jQuery？

Question

假设我有一个像这样的输入字段：

<input type="text" id="input" value="This is my value">

如何获取属性值？在jQuery中，我可以轻松地使用以下代码获取：

$('#input').val() //-> This is my value

我该如何使用纯JavaScript来实现？

- kyr

---

这可能是 SO 上最常被浏览的问题之一，但你找不到它？ - laaposto

廉价的声誉时间！ - Mild Fuzz

可能是重复的问题：如何在JavaScript中获取查询字符串值？ - Hüseyin BABAL

Answer 1

您可以通过定位ID来获取值。
其中 inputID 是您的输入或文本区域的ID ：

document.getElementById('inputID').value;

您也可以通过定位输入框或文本域的名称属性来实现。其中inputID是您的输入框或文本域的名称：

document.getElementsByName('inputID')[0].value;

- AfromanJ

Answer 2

该元素必须具有ID

<input type="text" id="text-field-id" value="A test!">

然后你需要做这个：

var value = document.getElementById('text-field-id').value;

- Jens

Answer 3

你可以使用 getElementById()，要获取值，请使用 value 属性。

<input type-"text" id="text" />

var text=document.getElementById('text').value;

Fiddle演示

- Pranav C Balan

Answer 4

试试这个

document.getElementById("input-id").value

- Eswara Reddy

Answer 5

是的，你说得对，jQuery中写的所有内容都可以用纯Javascript来编写。

var value = document.querySelector('#yourInput').value;

- Dieterg

Answer 6

您可以使用此代码：

<input type="hidden" id="yourID" name="msg" value="" style="display:none"/>

var Msg="abc";
document.getElementById('yourID').value = Msg;

- Theox