getElementById() 方法可返回對擁有指定 ID 的第一個(gè)對象的引用。
document.getElementById(id)
HTML DOM 定義了多種查找元素的方法,除了 getElementById() 之外,還有 getElementsByName() 和 getElementsByTagName()。
不過,如果您需要查找文檔中的一個(gè)特定的元素,最有效的方法是 getElementById()。
在操作文檔的一個(gè)特定的元素時(shí),最好給該元素一個(gè) id 屬性,為它指定一個(gè)(在文檔中)唯一的名稱,然后就可以用該 ID 查找想要的元素。
<html><head><script type="text/javascript">function getValue() { var x=document.getElementById("myHeader")
alert(x.innerHTML) }</script></head><body><h1 id="myHeader" onclick="getValue()">This is a header</h1><p>Click on the header to alert its value</p></body></html>
getElementById() 是一個(gè)重要的方法,在 DOM 程序設(shè)計(jì)中,它的使用非常常見。我們?yōu)槟x了一個(gè)工具函數(shù),這樣您就可以通過一個(gè)較短的名字來使用 getElementById() 方法了:
function id(x) { if (typeof x == "string") return document.getElementById(x)
; return x; }
上面這個(gè)函數(shù)接受元素 ID 作為它們的參數(shù)。對于每個(gè)這樣的參數(shù),您只要在使用前編寫 x = id(x) 就可以了。