使用Firebase数据库数据填充HTML表

<!-- 引入Firebase SDK -->
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-database.js"></script>

<script>
  // 初始化Firebase
  const firebaseConfig = {
    // 将您在Firebase控制台中获得的配置对象粘贴在这里
  };
  firebase.initializeApp(firebaseConfig);

  // 获取对数据库的引用
  const database = firebase.database();
</script>

<table id="data-table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里将填充数据 -->
  </tbody>
</table>

<script>
  // 获取对数据表格的引用
  const dataTable = document.getElementById('data-table');

  // 从Firebase数据库中检索数据
  database.ref('users').once('value', (snapshot) => {
    snapshot.forEach((childSnapshot) => {
      const childData = childSnapshot.val();
      const row = dataTable.insertRow();
      const nameCell = row.insertCell(0);
      const ageCell = row.insertCell(1);
      nameCell.textContent = childData.name;
      ageCell.textContent = childData.age;
    });
  });
</script>