JavaScript 循環動態新增元素：閉包導致刪除按鈕只能刪最後一行，用容器 DIV 解決

關鍵點解析

1. let 替代 var：每次迴圈建立新綁定，閉包捕獲正確索引。
2. 容器 DIV：將同一行所有元素包裝，刪除時只需 removeChild(this.parentNode)，無需逐一移除子元素。
3. this 指向：事件處理函數內 this 指向觸發事件的按鈕元素。

現代寫法（ES6+）

fileNameList.forEach((name, i) => {
    const row = document.createElement('div');
    row.innerHTML = `
下載
        
        
        
        刪除`;
    row.querySelector('button').onclick = () => td.removeChild(row);
    td.appendChild(row);
});

避坑總結

• 迴圈中綁定事件**必須**解決閉包捕獲問題（let/IIFE/bind）。
• 動態元素刪除**優先用容器包裝**，單次 DOM 操作效能更好、邏輯更簡潔。
• 避免在迴圈中重複 document.getElementById 查詢，直接使用建立時的變數引用。