最新的Web開發教程
 

HTML DOM getElementById() Method

<文檔對象

獲取具有指定ID的元素:

document.getElementById("demo");
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

所述getElementById()方法返回具有該元件ID與指定值屬性。

這種方法是在HTML DOM中最常用的方法之一,用於要處理,或得到,你的文檔中的元素信息幾乎每一次。

返回null如果存在具有指定ID沒有元素。

一個ID應該是一個頁面內是唯一的。 然而,如果具有指定ID一個以上的元素存在,則getElementById()方法返回在源代碼中的第一個元素。


瀏覽器支持

在表中的數字規定,完全支持方法的第一個瀏覽器版本。

方法
getElementById()

句法

document.getElementById( elementID )

參數值

參數 類型 描述
elementID String 需要。 該ID你想要得到的元素屬性的值

技術細節

DOM版本: 酷睿2級文檔對象
返回值: Element對象,表示與指定的ID的元素。 如果存在具有指定ID元素,則返回

例子

更多示例

獲取ID =“演示”,改變其顏色的元素:

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選擇

HTML DOM參考: HTML DOM id Property

HTML DOM參考: HTML DOM Style對象


<文檔對象