Javascript 如何将多个td纳入tr？

我只是想在

tr

表格

<table class="u-full-width" id="result">
  <thead>
    <tr>
      <th>Project Name</th>
      <th>Id</th>
      <th>Event</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Dave Gamache</td>
      <td>26</td>
      <td>Male</td>
    </tr> 
  </tbody>
</table>

我想出了这个上面的代码，但这是不工作的意思是看到图像

---

最后一行错了。您应该将

tr

附加到表中，而不是所有

td

s

document.getElementById("result").appendChild(tr);

document.getElementById（“结果”）.appendChild（td1、td2、td3）

---

您似乎是将tds直接附加到表中，而不是tbody中的tr。

尝试用这种方式绑定数据

<table class="u-full-width" id="result">
  <thead>
    <tr>
      <th>Project Name</th>
      <th>Id</th>
      <th>Event</th>
    </tr>
  </thead>
  <tbody id="bodytable">     
  </tbody>
</table>



    socket.on('message', function(data){
      console.log(data); 
      var _html='';
      html +='<tr>'
      html +='<td>'+data.project+'</td>';
      html +='<td>'+data.id+'</td>';
      html +='<td>'+data.event+'</td></tr>';   
      $('#bodytable').append(_html);
      });    

项目名称
身份证件
事件
socket.on（'message'，函数（数据）{
控制台日志（数据）；
var_html=''；
html+=''
html+=''+data.project+''；
html+=''+data.id+''；
html+=''+data.event+''；
$（'#bodytable'）。追加（_html）；
});    

<table class="u-full-width" id="result">
  <thead>
    <tr>
      <th>Project Name</th>
      <th>Id</th>
      <th>Event</th>
    </tr>
  </thead>
  <tbody id="bodytable">     
  </tbody>
</table>



    socket.on('message', function(data){
      console.log(data); 
      var _html='';
      html +='<tr>'
      html +='<td>'+data.project+'</td>';
      html +='<td>'+data.id+'</td>';
      html +='<td>'+data.event+'</td></tr>';   
      $('#bodytable').append(_html);
      });