getElementById()方法可以根據(jù)元素的 id 屬性獲取一個元素節(jié)點對象,該方法所有瀏覽器均可使用。
由于如果指定了元素ID,則它們必須是唯一的,因此它們是快速訪問特定元素的有效方法。
如果您需要訪問沒有ID的元素,則可以使用querySelector()通過任何選擇器查找該元素。
document.getElementById(ID)
document.getElementById('para');測試看看?/?
所有瀏覽器完全支持getElementById()方法:
Method | ![]() | ![]() | ![]() | ![]() | ![]() |
getElementById() | 是 | 是 | 是 | 是 | 是 |
參數(shù) | 描述 |
---|---|
ID | 要定位的元素的ID。ID是區(qū)分大小寫的字符串,在文檔中是唯一的。只有一個元素可以具有任何給定的ID。 |
返回值: | 描述與指定ID匹配的DOM元素對象的Element對象;如果在文檔中未找到匹配的元素,則為null。 |
---|---|
DOM版本: | DOM 2級 |
獲取id="para"的元素并更改其顏色:
document.getElementById('para').style.color = "blue";測試看看?/?
獲取id="para"的元素并更改其字體大?。?/p>
document.getElementById('para').style.fontSize = "3em";測試看看?/?
CSS教程:CSS語法
CSS參考:CSS#id選擇器
DOM Document querySelector()方法
DOM Document的getElementsByClassName()方法
DOM Document的getElementsByTagName()方法