HTML DOM Document getElementById()
示例
獲取具有指定 id 的元素
document.getElementById("demo");
自己動手試一試 »
獲取元素並改變其顏色
const myElement = document.getElementById("demo");
myElement.style.color = "red";
自己動手試一試 »
或者只改變其顏色
document.getElementById("demo").style.color = "red";
自己動手試一試 »
描述
getElementById() 方法返回具有指定值的元素。
如果元素不存在，getElementById() 方法返回 null。
getElementById() 方法是 HTML DOM 中最常用的方法之一。幾乎每次您想要讀取或編輯 HTML 元素時都會使用它。
注意
任何 id 都應該是唯一的，但是
如果存在兩個或更多具有相同 id 的元素，getElementById() 返回第一個。
另請參閱
語法
document.getElementById(元素ID)
引數
| 引數 | 描述 |
| id | 必需。 元素的 id 值。 |
返回值
| 型別 | 描述 |
| 物件 | 具有指定 id 的元素。 如果元素不存在，則為 null。 |
瀏覽器支援
document.getElementById() 是 DOM Level 2 (2001) 的一個特性。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
