HTML DOM 文档 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(elementID)
参数
参数 | 描述 |
id | 必需的。 元素的 id 值。 |
返回值
类型 | 描述 |
对象 | 具有指定 id 的元素。null 如果元素不存在。 |
浏览器支持
document.getElementById()
是 DOM Level 2 (2001) 的一个特性。
它在所有浏览器中都得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |