如何执行纯 Javascript foreach 循环并打印出结果 firebase？答案

【问题标题】：How do I do a pure Javascript foreach loop and print out the results firebase?如何执行纯 Javascript foreach 循环并打印出结果 firebase？
【发布时间】：2016-04-13 11:51:33
【问题描述】：

我正在尝试从 firebase 数据库中获取结果并显示所有结果。当我可以使用 appendTo 函数时，与 jquery 不同，我不知道如何使用纯 javascript 完成它。

这是我的脚本：

<div id="resultsContainer"></div>
var fireBaseRef = new Firebase("https:somefirebaseurl.firebaseio.com/results");
fireBaseRef.once("value", function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
     var key = childSnapshot.key();
     // childData will be the actual contents of the child
     var childData = childSnapshot.val();
     var eName = childSnapshot.val().resultname;
     console.log(eName);
     resultsContainer.innerHTML = '<div class="result"></div>';
  });
});

如您所见，我使用了 innerHTML，但这只给了我一个结果集。

【问题讨论】：

标签： javascript firebase firebase-realtime-database

【解决方案1】：

如果您已经知道如何使用 jQuery 附加 HTML，那么该方法仍然适用于 Firebase。

但这也可以：

snapshot.forEach(function(childSnapshot) {
  var childData = childSnapshot.val();
  var eName = childSnapshot.val().resultname;
  resultsContainer.innerHTML += '<div class="result">'+eName+'</div>';
});

请注意，如果您正在寻找某些特定 jQuery 构造的等价物，那么发布该 jQuery sn-p 会更容易为您提供帮助。

【讨论】：

谢谢。我不敢相信我只是在resultsContainer.innerHTML += '<div class="result">'+eName+'</div>'; 中缺少一个“+”