判断元素是否存在应直接检查 getElementById 返回值是否为 null，因其严格返回 null 而非 undefined；注意 ID 大小写与拼写必须完全匹配，并确保脚本在 DOM 加载完成后执行。
直接检查 getElementById 返回值是否为 null 即可判断元素是否存在。
用 null 判断最可靠
getElementById 在找不到对应 ID 的元素时，**严格返回 null**（不是 undefined，也不是 false）。所以最简洁、最准确的方式是：
if (document.getElementById('myId') !== null) { ... }- 或更常用、等价的写法：
if (document.getElementById('myId')) { ... }（因为null是假值，其他情况（包括 DOM 元素对象）都是真值）
不要用 typeof 或 undefined 判断
getElementById 永远不会返回 undefined。以下写法是错误或多余的：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
-
typeof document.getElementById('x') === 'undefined'→ ❌ 不成立，永远不会为 true -
document.getElementById('x') === undefined→ ❌ 同样不可靠，且语义不准确
注意 ID 大小写和拼写必须完全匹配
ID 是大小写敏感的，且 HTML 中 ID 值需唯一。例如：
立即学习“Java免费学习笔记（深入）”；
-
<div id="header"></div>→document.getElementById('header')✅ -
document.getElementById('Header')→ ❌ 返回null（大小写错） -
document.getElementById('headerr')→ ❌ 返回null（拼写错）
确保脚本执行时机正确
如果在 DOM 加载完成前就调用 getElementById，即使 ID 存在也会返回 null：
- 把脚本放在
</body>前 - 或包裹在
DOMContentLoaded事件中：document.addEventListener('DOMContentLoaded', () => { /* getElementById 安全调用 */ }); - 或使用
window.onload（等待资源也加载完，稍慢）
