Javascript 如何在Firebase数据库中检索值并将其插入HTML

以下是我的数据库结构（红色表示我的评论）：

目的是在一个简单的网页上显示一次旅行的照片。我正在尝试检索数据库中每个旅行照片的“photourl”值

以下是我的html代码：

  <div class="main">

      <div class="spot">

        <img id="image" height="400" width="400"/>

      </div>

  </div>

    <p><script>document.write(userid);</script></p>
    <p><script>document.write(tripid);</script></p>
    <p><script>document.write(photourl);</script></p>

我的URL将如下所示：

我不知道如何使它工作，以便它检索所有的“photourl”值，无论旅行中有多少张照片。我不知道如何在一个简单的html页面上显示它们，以便该页面显示与旅行中相同数量的照片

谢谢
 您可以迭代trip对象，并在数组中获取photoURL：

//Get User ID and Trip ID in URL

function GetURLParameter(sParam)
{
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++)
{
    var sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] == sParam)
    {
        return sParameterName[1];
    }
}
}
   var userid = GetURLParameter('userid');
   var tripid = GetURLParameter('tripid');

//Get image from database

var database = firebase.database();
return firebase.database().ref('/photos/' + userid + 'trips' + 
tripid).once('photourl').then(function(insert) 
{
document.getElementsById('image').src = photourl;  
});

您可以迭代trip对象并获取数组中的photoURL：

//Get User ID and Trip ID in URL

function GetURLParameter(sParam)
{
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++)
{
    var sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] == sParam)
    {
        return sParameterName[1];
    }
}
}
   var userid = GetURLParameter('userid');
   var tripid = GetURLParameter('tripid');

//Get image from database

var database = firebase.database();
return firebase.database().ref('/photos/' + userid + 'trips' + 
tripid).once('photourl').then(function(insert) 
{
document.getElementsById('image').src = photourl;  
});