document.getElementById() 是最直接、高效且兼容性最强的按 ID 获取元素方法,返回首个匹配元素或 null,要求 ID 全局唯一、不带 #、严格区分大小写,并需校验返回值以避免运行时错误。

用 document.getElementById() 获取元素最直接
这是最常用、性能最好、兼容性最强的方式,适用于所有现代浏览器和 IE6+。它只返回一个元素(匹配第一个),如果 ID 不存在就返回 null,不会报错。
- ID 必须全局唯一,否则行为不可靠(浏览器通常只返回第一个)
- 传入的字符串不能带
#符号,比如getElementById("header")✅,不是getElementById("#header")❌ - 注意大小写:HTML 中 ID 不区分大小写,但 DOM 方法严格区分,
getElementById("MyId")找不到myid - 如果页面还没加载完就调用,可能取到
null—— 确保脚本放在











