输入值不显示在字段中

Question

我有这个功能：

function stringGen(len){
    var text = " ";
    var charset = "abcdefghijklmnopqrstuvwxyz0123456789";
    for( var i=0; i < len; i++ )
        text += charset.charAt(Math.floor(Math.random() * charset.length));
    return text;
}
var commande = stringGen(8);
document.getElementById("commande").innerHTML=commande;

而这个输入：

<input type="text" id="commande" name="commande" class="field" >

我想显示 "commande" 变量的结果，但它根本不显示，我也不知道为什么。是不是因为值JS对象和值HTML对象不一样？

Answer 1

使用value代替innerHTML

document.getElementById("commande").value=commande;

function stringGen(len) {
  var text = '';
  var charset = "abcdefghijklmnopqrstuvwxyz0123456789";
  for (var i = 0; i < len; i++)
    text += charset.charAt(Math.floor(Math.random() * charset.length));
  return text;
}

document.addEventListener('DOMContentLoaded', function() {
  var commande = stringGen(8);
  document.getElementById("commande").value = commande;
}, false);

<input type="text" id="commande" name="commande" class="field">

输入值不显示在字段中

Input value doesn't display in field

javascript

forms

dom

input

innerhtml