javascript - 输入值不显示在字段中

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">