Javascript 如何从firebase数据库中获取值显示在p元素中

我正在尝试使用firebase数据库创建聊天应用程序。 我有html：

<input type="text" name="txt" id="txt">
<button type="submit" id="btn-send" onclick="addElement()">SEND</button>
<p id="list-message"></p>

我的Firebase数据的屏幕截图

---

如何检索所有数据并在

中显示为列表？

添加一个数据侦听器，该侦听器可查找

消息

节点中的更改，然后更新

message.on('child_added', function(snapshot) {
  var msg = snapshot.val();
  var msgDiv = document.createElement("div");
  msgDiv.textContent = msg.Message;
  document.getElementById("list-message").appendChild(msgDiv);
});

有关如何构建聊天应用程序的更多信息，请参阅此代码库：。
您需要侦听添加的儿童事件。。。
message.on('child_added', function(snapshot) {
  var msg = snapshot.val();
  var msgDiv = document.createElement("div");
  msgDiv.textContent = msg.Message;
  document.getElementById("list-message").appendChild(msgDiv);
});