无法通过JavaScript将记录插入HTML表

我正在尝试使用纯JavaScript制作一个简单的CRUD，我不知道为什么我的记录在单击submit并重置页面上的所有字段时没有更新。我试图检查控制台上是否有可能弹出的错误日志，但什么也没有出现

这是我的HTML：

基本积垢
名字：
姓氏：
性别：
男性
女性
地址:
名字
姓
性别
地址
行动

以下是我的JavaScript代码：

函数btnClear（）{
document.getElementById（“表单”）.reset（）；
}
函数onFormSubmit（）{
var userData=addUser（）；
插入记录（用户数据）；
}
函数addUser（）{
var userData={}；
userData[“fName”]=document.getElementsById（“firstname”）.value；
userData[“lName”]=document.getElementsById（“lastname”）.value；
userData[“gender”]=document.getElementsById（“genderRAD”）.value；
userData[“address”]=document.getElementsById（“address”）.value；
返回用户数据；
}
函数insertRecord（数据）{
var表格=文件
.getElementsById（“用户列表”）
.document.getElementsByTagName（“tbody”）[0]；
var newRow=table.insertRow（table.length）；
cell1=newRow.insertCell（0）；
cell1.innerHTML=data.fname；
cell2=newRow.insertCell（1）；
cell2.innerHTML=data.lName；
cell3=newRow.insertCell（2）；
cell3.innerHTML=data.gender；
cell4=newRow.insertCell（3）；
cell4.innerHTML=data.address；
cell5=newRow.insertCell（4）；
cell5.innerHTML=`
`;
}

在您的javascript代码中的insertRecord函数：

• 没有函数：document.getElementsById

更改为document.getElementById

• 从表格元素而不是从文档中获取正文

更改：

 var table = document
    .getElementsById('userList')
    .document.getElementsByTagName('tbody')[0];

致：

---

首先，有一个小的输入错误：“event.preventDefualt（）”应该是“event.preventDefault（）”

---

这就是为什么您没有看到任何控制台错误的原因。解决这个问题，剩下的应该会变得更清楚。

这里的拼写错误太多了<代码>预防解除故障

getElementsById

选择器也错误

firstname

根据您的代码应该是

first\u name

。你应该先解决所有这些问题，然后才能发现真正的问题。我对JS很陌生。我现在已经解决了这个问题，现在我可以在提交后看到记录了。谢谢，我的错，我应该在复制并粘贴到这里之前检查代码。我现在已经解决了我遇到的大部分问题。谢谢

 var table = document
            .getElementById('userList')
            .getElementsByTagName('tbody')[0];