在不使用jQuery的情况下在JavaScript中获取输入值？

Question

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

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

如何获取属性值？在jQuery中，我可以很容易地得到它：

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

我如何使用纯JavaScript？

Answer 1

您可以通过定位ID来获取价值 inputID是输入或textarea的 ID 的位置：

document.getElementById('inputID').value;

您也可以通过定位name属性来执行此操作。
inputID是输入或textarea的名称的位置：

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

Answer 2

元素必须具有ID

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

然后你这样做：

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

Answer 3

您可以使用getElementById()来获取值value属性

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

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

Fiddle Demo

Answer 4

试试这个

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

Answer 5

是的，你是对的，用jQuery编写的所有内容都可以用纯Javascript编写

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

Answer 6

您可以使用：

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

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