javascript -如何从查询列表(从Firestore中)获取被点击文档的ID？

const firebaseConfig = {
  // 配置你的Firebase项目信息
};

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();

const query = db.collection('your_collection').where('your_field', '==', 'your_value');
const querySnapshot = await query.get();

querySnapshot.forEach((doc) => {
  const docId = doc.id;
  const docData = doc.data();

  // 创建一个DOM元素，用于显示文档的ID和其他数据
  const listItem = document.createElement('li');
  listItem.textContent = `ID: ${docId}, Data: ${JSON.stringify(docData)}`;

  // 添加点击事件监听器
  listItem.addEventListener('click', () => {
    // 在点击事件中使用文档的ID
    console.log(`Clicked document ID: ${docId}`);
  });

  // 将DOM元素添加到页面中的列表中
  document.getElementById('your_list').appendChild(listItem);
});