通过JavaScript在表中插入数据

我的index.html文件中有一个表

<table id="userTable">
      <tr>
        <th>UserId</th>
        <th>About you</th>
        <th>Age Max</th>
        <th>Age Min</th>
        <th>City</th>
      </tr>
</table>

我正在使用Firebase下拉一些数据以将其显示在表中。

  snapshot.forEach(snap => {
    console.log(snap.val())
    var r = document.getElementById('userTable').insertRow().innerHTML = snap.val().username
    var x = r.insertCell(1);
    x.innerHTML = snap.val().age
  })

firebase逻辑工作正常,我能够获得所需的字段,但似乎无法将数据插入该行的列中。

出现错误:

TypeError: r.insertCell is not a function. (In 'r.insertCell(1)','r.insertCell' is undefined)

计划是创建一行,然后用其余数据填充列。

tianlingling_2008 回答:通过JavaScript在表中插入数据

您在此行中有两个作业:

var r = document.getElementById('userTable').insertRow().innerHTML = snap.val().username

在这种情况下,我不确定r的值是什么,但这不是HTMLTableRowElement的原因,这就是为什么要获取该TypeError的原因。您需要在HTMLTableRowElement对象上调用insertCell。有关更多信息,请参见此文档:https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/insertCell

本文链接:https://www.f2er.com/3163684.html

大家都在问