JavaScript getElementById 回傳 null 不會拋錯：首行檢查多餘

程式碼首行 if (!document.getElementById(id)) return; 旨在檢查元素是否存在，實則**多餘**。

行為差異

正確防禦寫法

const el = document.getElementById(id);
if (!el) return; // 這裡檢查才有意義
el.style.color = 'red'; // 後續安全使用

• 先存入變數，再判斷 null，避免重複查詢 DOM。
• 若直接 document.getElementById(id).style... 且元素不存在 → TypeError: Cannot read property 'style' of null。

結論：**getElementById 找不到回傳 null，不會報錯；首行獨立檢查屬多餘，合併至變數宣告即可。**