我是 JavaScript 的新手，正在尋找一種將參數傳遞給事件偵聽器的簡單方法。我正在從一個 API 調用（它返回一個數據對象列表以顯示為 div）動態創建一堆 div，并想讓每個 div 都可以點擊。我的問題是我無法弄清楚如何在單擊元素時傳遞參數，因為它超出了范圍。我只是希望我編寫的“load_email”函數能夠訪問 data[i].id。這是我到目前為止所擁有的：    // Put response into json form    .then(response => response.json())    .then(data => {        // Log data to the console, create email items        console.log(data);        for (var i = 0; i < data.length; i++) {          const element = document.createElement('div');          element.classList.add('box');          element.classList.add('px-2');          element.classList.add('py-1');          element.innerHTML = `            <div class="row">              <div class="col-3">                <strong>${data[i].sender}</strong>              </div>              <div class="col-5">                ${data[i].subject}              </div>              <div class="col-4 text-right">                ${data[i].timestamp}              </div>            </div>          `;          if (data[i].read == true) {            element.classList.add('white');          } else{            element.classList.add('grey');          }          element.addEventListener('click', () => load_email(data[i].id); **//THIS IS WHERE IM STRUGGLING**          document.querySelector('#emails-view').append(element);        }    });function load_email(id){  document.querySelector('#emails-view').style.display = 'none';  document.querySelector('#compose-view').style.display = 'none';  document.querySelector('#open-mail-view').style.display= 'block';  console.log(`load email id ${id}`)}