document.getElementById() 按 ID 获取元素
最后更新：2026-09-09
document.getElementById() 按 ID 获取元素
getElementById 通过 id 属性获取页面中唯一的元素。是 DOM 操作最基础的方法。
| 分类 | DOM 操作 |
|---|---|
| ES 版本 | DOM |
📝 语法
document.getElementById('id名');⚙️ 参数
| id | 要获取的元素的 id 属性值。 |
|---|
返回值：匹配的元素或 null。
是否修改原值：否（返回新值）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
内容
null💡 提示 getElementById 返回单个元素（不是数组）——id 在页面中应该是唯一的。
ℹ️ info 如果元素不存在返回 null——使用前判断是否为 null。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| document.getElementById() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
QgetElementById 和 querySelector 的区别？
AgetElementById 只按 id 查找且更快；querySelector 支持任意 CSS 选择器。
QgetElementById 返回 null 怎么办？
A用 if (el) 判断或可选链 el?.textContent。
QgetElementById 能获取多个元素吗？
A不能——id 应该唯一。获取多个用 querySelectorAll。
