将数据从Firebase显示到HTML网页上

Question

I am able to pull data from firebase and show it in the browser console, but how do I actually display it as text on a webpage?

Here's the code I have now:

 <script> var ref = new Firebase("https://datatest-104.firebaseio.com"); ref.orderByChild("location").equalTo("United States").on("child_added", function(snapshot) { console.log(snapshot.key()); }); //My code that I'm trying: document.write(snapshot.key()); </script> 

I am trying to use document.write(snapshot.key()); but am not sure how it works.

Answer 1

Put document.write(snapshot.key()); into the function instead of out of it:

 ref.orderByChild("location").equalTo("United States").on("child_added", function(snapshot) { document.write(snapshot.key()); }); 

Then, the snapshot will be defined, so it'll write onto the page.