HTML DOM getElementById() 方法
页面下方有更多实例。
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。
如果没有指定 ID 的元素返回 null
如果存在多个指定 ID 的元素则返回第一个。
如果需要查找到那些没有 ID 的元素，你可以考虑通过CSS选择器使用 querySelector()。
浏览器支持
表中的数字指定了完全支持该方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| getElementById() | Yes | Yes | Yes | Yes | Yes |
语法
document.getElementById(elementID)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| elementID | String | 必需。要获取的元素的ID属性值 |
技术细节
| DOM 版本: | Core Level 2 Document Object |
|---|---|
| 返回值: | 元素对象，表示具有指定ID的元素。如果不存在具有指定 ID 的元素，则返回 null |
更多实例
实例
使用 id="demo" 获取元素并更改其颜色:
var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element
亲自试一试 »
相关页面
CSS 教程: CSS 语法
CSS 参考手册: CSS #id Selector
HTML DOM 参考手册: HTML DOM id 属性
HTML DOM 参考手册: HTML DOM Style 对象
