如何将Firebase数据库中的数据填充到input文本输入框中

核心错误原因 #

input 是表单单标签元素，不存在内部HTML结构，你用innerHTML赋值自然无法生效，这类元素的输入值需要通过value属性来修改。

修正后的赋值代码 #

把你原有赋值部分的代码全部替换为下方写法即可正常生效：

document.getElementById("firstname").value = okay;
document.getElementById("lastname").value = okay1;
document.getElementById("phone").value = okay2;
document.getElementById("roles").value = okay3;

可选优化建议 #

可以新增一层快照存在性判断，避免数据库对应节点无数据时控制台抛出异常：

firebase.database().ref('Freelancer/' + dbUser).once('value').then(function (snapshot){
  // 新增数据存在性判断
  if(!snapshot.exists()) return
  const userData = snapshot.val()
  // 后续变量定义、赋值逻辑
})

内容的提问来源于stack exchange，提问作者Hey monday