如何使用vanilla JavaScript和Firebase正确地将li附加到ul？

Question

所以我想在firebase数据库控制台中获取所有消息。我的代码是纯JavaScript。

HTML

<ul class="collection" id="chatList"></ul>

JS

var databaseRef = firebase.database().ref('messages');
var chatList = document.getElementById('chatList');
databaseRef.on('value', function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
      chatList.appendChild('<li class="collection-repeat">' + childSnapshot.val().message + '</li>');
  })
});

使用我的代码，我只获取数据库中的最后一个值，因为我猜它还会附加在foreach中生成的其他<li>。

追加<li>的正确方法是什么，以便它也不会追加另一个<li>？

我知道在jQuery中，它可以像这样实现：

$('#chatList').append('<li class="collection-repeat">' + childSnapshot.val().message + '</li>')

非常感谢任何帮助。

Answer 1

Arguments double : simpl never. simpl double. 用于将appendChild()附加到元素。但是你试图追加node。

尝试使用

string