Javascript到Table的一个单元格而不是整个页面

Question

嗨，所以我认为这可能是一个非常简单的问题，但我无法在任何地方找到答案。

我有一个javascript函数从我的数据库中提取信息，我试图将它放到一个表的一个单元格中，但它输出到整个页面

HTML

<tr>
<td class="tg-baqh" id='Emp1'></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control" id='shiftInput'></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control" id='shiftInput'></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td>
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td>
<td class="tg-yw4l">30/16</td>

Javascript

     $(function Emp1(){

    // Get a database reference to our posts
    var employeeref = new Firebase("https://shiftsapp.firebaseio.com/employees/emp1");

    // Attach an asynchronous callback to read the data at our posts reference
    employeeref.on("value", function(snapshot) {
     console.log(snapshot.val());
     document.write(snapshot.val());
     }, function (errorObject) {
      console.log("The read failed: " + errorObject.code);
      });

      });

Answer 1

document.write（）方法替换整个文档元素，而应使用document.getElementById或document.getElementByClassName或某些元素选择器方法，然后使用replace或append html仅适用于该元素。如果您正在使用JQuery，您可以执行以下操作：

var resutlHtml = "<div>test</div>"; //this is your html response
$('#tableId .tablecellclass').html(resultHtml);