目录

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()method 是 HTML DOM 中最常见的方法之一。几乎每次您想要读取或编辑 HTML 元素时都会用到它。

笔记

任何ID应该是唯一的,但是:

如果两个或多个元素具有相同的ID存在,getElementById()返回第一个。

也可以看看:

getElementsByTagName() 方法

getElementsByClassName() 方法

querySelector() 方法

querySelectorAll() 方法



语法

document.getElementById( elementID)

参数

Parameter Description
id Required.
The id value of an element.

返回值

类型 描述
对象 具有指定 id 的元素。
null如果该元素不存在。

相关页面:

CSS 教程:CSS 语法

CSS 参考:CSS#ID选择器

HTML DOM 参考:HTML DOM id 属性

HTML DOM 参考:HTML DOM 样式对象


浏览器支持

document.getElementById()是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11