如何为输入标签分配一些值

时间:2019-01-15 08:31:01

标签: javascript html html5

我需要为元素添加一些值。

这是我的代码段。

var userId = localStorage.getItem('keyName');

  var Name = document.getElementById('Name');

  var dbRefName = firebase.database().ref().child('Web App').child('Users').child(userId).child('Name');


     dbRefName.on('value', snap => Name.innerText = snap.val());

我试图使用Name将此id值分配给如下所示的输入元素。

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Username" >

它可以使用id分配给<span>元素。但是它不适用于<input>元素。

有人可以帮我这个忙吗?

2 个答案:

答案 0 :(得分:2)

top元素使用.value而不是.innerText,就像这样:

<input>
document.getElementById('input').value = 'foo'

答案 1 :(得分:-1)

输入HTML元素需要 name 标签,而为其分配值的方式是通过 value 标签或Java语言中的.value

var input = document.getElementById('name');

//input.value = localStorage.getItem('keyName');

input.value = 5;
<input type="number" name="name" id="name" placeholder="Your name here" value="1">