JavaScript通过ID查询元素|Document getElementById() 方法

Document 对象参考手册


定义与用法

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

如果没有指定 ID 的元素返回 null

如果存在多个指定 ID 的元素则返回第一个。

如果需要查找到那些没有 ID 的元素,你可以考虑通过CSS选择器使用 querySelector()。


语法格式

document.getElementById( elementID)


示例代码

返回指定 ID 的元素:

document.getElementById("demo");

亲自试试


浏览器支持

方法Google ChromeInternet ExplorerFirefoxSafariOpera
getElementById()YesYesYesYesYes

所有主要浏览器都支持 getElementById() 方法


参数说明

参数类型描述
elementIDString必须。元素ID属性值。

返回值

类型描述
元素对象指定ID的元素

技术细节

DOM 版本Core Level 2 Document Object

Document 对象参考手册


相关