从Firebase将数据附加到表的问题

时间:2019-01-12 14:29:00

标签: javascript firebase firebase-realtime-database

我正在尝试将数据从Firebase数据库追加到表。但是所有表数据都位于一个<td>元素之下。

我尝试了与此问题相关的不同代码段。但找不到更好的解决方案

这是我的代码。

var dbRefUsers = firebase.database().ref().child('Web App').child('Users');

  dbRefUsers.on('value', gotData, errData); 

 function gotData(data){

    var users = data.val();
    var keys = Object.keys(users)



    for (var i = 0; i < keys.length; i++){
        var k = keys[i];

        var userName = users[k].Name;
        var userEmail = users[k].Email;
        var userPassword = users[k].Password;


    console.log(userName, userEmail, userPassword);


   var appendingTo = document.getElementById("userlist");
   var tr = document.createElement('tr');
   tr.append(userName, userEmail, userPassword);
    appendingTo.appendChild(tr);

    }
 }

 function errData(error){
    console.log("Error!")
    console.log(error);

实际上,我需要此数据,并附加到一个<td>元素下的单独的3 <tr>元素中。有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

您的代码未创建任何if windll.user32.GetKeyState(Keybind_Use_Key_Code) >= 0: break DebugPrint("Sending Turbo Use Action") keyboard.press(Ingame_Keybind_Use) Sleep(0.020) keyboard.release(Ingame_Keybind_Use) sleep(Delay_Turbo_Use) 元素。由于这不是合法的HTML,因此浏览器会为您创建一个td元素,并将所有文本放入其中。如果要控制td元素,则应在代码中创建它们。

类似该功能的功能对此有所帮助:

td

然后:

function createElementWithText(tag, text) {
  var elm = document.createElement(tag);
  elm.textContent = text;
  return elm;
}

或者使用var tr = document.createElement('tr'); tr.appendChild(createElementWithText('td', userName)); tr.appendChild(createElementWithText('td', userEmail)); tr.appendChild(createElementWithText('td', userPassword)); appendingTo.appendChild(tr); ,因为您已经在使用:

append