使用Firebase中的对象列表更新DOM

<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-database.js"></script>

var firebaseConfig = {
  apiKey: "your-api-key",
  authDomain: "your-auth-domain",
  databaseURL: "your-database-url",
  projectId: "your-project-id",
  storageBucket: "your-storage-bucket",
  messagingSenderId: "your-messaging-sender-id",
  appId: "your-app-id"
};
firebase.initializeApp(firebaseConfig);

firebase.database().ref('objects').on('value', function(snapshot) {
  // 数据变化时的处理逻辑
});

firebase.database().ref('objects').on('value', function(snapshot) {
  var objects = snapshot.val();
  
  // 清空原有的DOM元素
  var container = document.getElementById('container');
  container.innerHTML = '';

  // 根据最新数据更新DOM
  for (var key in objects) {
    var obj = objects[key];
    var element = document.createElement('div');
    element.textContent = obj.name;
    container.appendChild(element);
  }
});