HTML DOM Document getElementById()
示例
获取具有指定 id 的元素
document.getElementById("demo");
自己动手试一试 »
获取元素并改变其颜色
const myElement = document.getElementById("demo");
myElement.style.color = "red";
自己动手试一试 »
或者只改变其颜色
document.getElementById("demo").style.color = "red";
自己动手试一试 »
描述
getElementById() 方法返回具有指定值的元素。
如果元素不存在，getElementById() 方法返回 null。
getElementById() 方法是 HTML DOM 中最常用的方法之一。几乎每次您想要读取或编辑 HTML 元素时都会使用它。
注意
任何 id 都应该是唯一的，但是
如果存在两个或更多具有相同 id 的元素，getElementById() 返回第一个。
另请参阅
语法
document.getElementById(元素ID)
参数
| 参数 | 描述 |
| id | 必需。 元素的 id 值。 |
返回值
| 类型 | 描述 |
| 对象 | 具有指定 id 的元素。 如果元素不存在，则为 null。 |
浏览器支持
document.getElementById() 是 DOM Level 2 (2001) 的一个特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
