Javascript 如何从Firebase数据库读取值并将其存储到HTML表中

Javascript 如何从Firebase数据库读取值并将其存储到HTML表中,javascript,html,firebase,firebase-realtime-database,Javascript,Html,Firebase,Firebase Realtime Database,我有一个Firebase数据库,它存储两个值:距离和时间戳。我能够读取距离,但无法一次读取超过1个时间戳 for (var i = 0; i <= 10; i++) { ref.child("distance").child(i).once("value").then(function(snapshot) { test = snapshot.val(); test1 = JSON.stringify(test).rep

我有一个Firebase数据库,它存储两个值:距离和时间戳。我能够读取距离,但无法一次读取超过1个时间戳

    for (var i = 0; i <= 10; i++) {
        ref.child("distance").child(i).once("value").then(function(snapshot) {
            test = snapshot.val();
            test1 = JSON.stringify(test).replaceAll(/[^a-zA-Z0-9.]/g, "");
            myCreateFunction(test1, i+"");
        });
        ref.child("time").child(i).once("value").then(function(snapshot) {
            time1 = snapshot.val();
            console.log(time1);
            myCreateFunc(time1["0"], i+"");
        });
    }

    function myCreateFunction(test1, i) {
        var table = document.getElementById("myTable");
        var row = table.insertRow(-1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        cell2.id = i;
        cell1.innerHTML = test1;
    }

    function myCreateFunc(time1, i) {
        document.getElementById(i).innerHTML = time1;
    }

for(var i=0;i我认为您只是将数组的第一个元素发送到HTML create表:

myCreateFunc(time1[“0”],i+“”)

而不是像这样: myCreateFunc(time1,i+)

让我知道这是否解决了你的问题