Javascript 如何显示firebase数据库中的所有值并用CSS边框分隔每个值？

我想知道如何返回每个firebase值，每个值都在CSS边框内。 所以我有连接的代码和一切。但我想得到“Post”中的所有值。看看代码：

var text=firebase.database（）.ref（“text/”）；
职能职位（）{
var newPost=document.getElementById（'newPost'）.value；
var p=document.getElementById（'p'）；
p、 innerHTML=newPost；
text.set({
职位：{
hertext:newPost
}
});
}
text.on（“添加了child_”），函数（数据，prevChildKey）{
var newPlayer=data.val（）；
var p=document.getElementById（'p'）；
p、 innerHTML=newPlayer.hertext；
});

邮递
如果要对数据库中的每个
Post
节点应用单独的CSS样式，则需要确保每个
Post
都在HTML中的单独元素中结束

最简单的方法是在每次启动
child\u added
时生成一个新的HTML元素：

text.on("child_added", function(data, prevChildKey) {
  var newPlayer = data.val();
  var p = document.getElementById('p');
  var span = document.createElement('span');
  span.innerText = newPlayer.hertext
  p.appendChild(span);
});

现在，您可以对
id
元素下的每个
span
元素应用单独的CSS样式


如果要在数据库中存储多个值，则需要添加其
push（）
方法，而不是
set（）
：

这将在
/text
下生成一个新的所谓推送ID，然后将新结构存储在其中。我已经删除了
Post
包装，因为我认为可能不再需要它了。
这很有帮助，但新值仍然会替换上一个值。“这很有帮助”->我的答案左侧有一个向上投票按钮：）
text.push({
    hertext: newPost  
})