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()方法