判断元素是否存在应直接检查 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。以下写法是错误或多余的:
详细的 Three.js 3D 图形参考,涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
-
typeof document.getElementById('x') === 'undefined'→ ❌ 不成立,永远不会为 true -
document.getElementById('x') === undefined→ ❌ 同样不可靠,且语义不准确
注意 ID 大小写和拼写必须完全匹配
ID 是大小写敏感的,且 HTML 中 ID 值需唯一。例如:
-
<div id="header"></div>→document.getElementById('header')✅ -
document.getElementById('Header')→ ❌ 返回null(大小写错) -
document.getElementById('headerr')→ ❌ 返回null(拼写错)
确保脚本执行时机正确
如果在 DOM 加载完成前就调用 getElementById,即使 ID 存在也会返回 null:
- 把脚本放在
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










