轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM getElementById() 方法

实例

返回指定 ID 的元素:

document.getElementById("demo");
亲自试一试 »

页面下方有更多实例。

定义和用法

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 对象