HTML DOM getElementById() 方法

HTML DOM Document对象

getElementById()方法可以根据元素的 id 属性获取一个元素节点对象,该方法所有浏览器均可使用。

由于如果指定了元素ID,则它们必须是唯一的,因此它们是快速访问特定元素的有效方法。

如果您需要访问没有ID的元素,则可以使用querySelector()通过任何选择器查找该元素。

语法:

document.getElementById(ID)
document.getElementById('para');
测试看看‹/›

浏览器兼容性

所有浏览器完全支持getElementById()方法:

Method
getElementById()

参数值

参数描述
ID要定位的元素的ID。ID是区分大小写的字符串,在文档中是唯一的。只有一个元素可以具有任何给定的ID。

技术细节

返回值:描述与指定ID匹配的DOM元素对象的Element对象;如果在文档中未找到匹配的元素,则为null
DOM版本:DOM 2级

更多实例

获取id="para"的元素并更改其颜色:

document.getElementById('para').style.color = "blue";
测试看看‹/›

获取id="para"的元素并更改其字体大小:

document.getElementById('para').style.fontSize = "3em";
测试看看‹/›

相关参考

CSS教程:CSS语法

CSS参考:CSS#id选择器

DOM Document querySelector()方法

DOM Document的getElementsByClassName()方法

DOM Document的getElementsByTagName()方法

HTML DOM Document对象