Wie mache ich eine reine Javascript foreach Schleife und drucke die Ergebnisse Firebase?

Question

Ich versuche, Ergebnisse von einer Firebase-Datenbank zu erhalten und alle Ergebnisse anzuzeigen. Im Gegensatz zu jQuery, wenn ich die appendTo-Funktion verwenden kann, weiß ich nicht, wie man es mit reinem Javascript erledigen kann.

Hier ist mein Skript:

<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>'; 
    }); 
}); 

Wie Sie sehen, ich verwendet innerHTML- aber das gibt mir nur eine Ergebnismenge.

Answer 1

Wenn Sie bereits wissen, wie Sie HTML mit jQuery anhängen, wird dieser Ansatz auch mit Firebase funktionieren.

Aber das wird auch funktionieren:

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

Beachten Sie, dass, wenn Sie für das Äquivalent von einigen spezifischen gesuchte jQuery konstruieren, wird es viel einfacher sein, Ihnen zu helfen, wenn Sie das jQuery-Schnipsel schreiben.