document
Document
的方法 getElementById()
返回一個匹配特定 ID的元素. 由於元素的 ID 在大部分情況下要求是獨一無二的,這個方法自然而然地成為了一個高效查找特定元素的方法。
如果需要查找到那些沒有ID 的元素,你可以考慮通過CSS選擇器使用 querySelector()
。
function changeColor(newColor) { ? var elem = document.getElementById(‘para‘); elem.style.color = newColor; }
註意
對 “Id” 的拼寫一定要正確。無論看起來多麽合情合理,getElementByID()
不同於其他 Element
查找方法(如Document.querySelector()
以及 Document.querySelectorAll()
),getElementById()
只有在作為 document
的方法時才能起作用,而在DOM中的其他元素下無法生效。這是因為 ID 值在整個網頁中必須保持唯一。因此沒有必要為這個方法創建所謂的 “局部” 版本。
Document 對象描述
HTMLDocument 接口對 DOM Document 接口進行了擴展,定義 HTML 專用的屬性和方法。
很多屬性和方法都是 HTMLCollection 對象(實際上是可以用數組或名稱索引的只讀數組),其中保存了對錨、表單、鏈接以及其他可腳本元素的引用。
這些集合屬性都源自於 0 級 DOM。它們已經被 Document.getElementsByTagName() 所取代,但是仍然常常使用,因為他們很方便。
write() 方法值得註意,在文檔載入和解析的時候,它允許一個腳本向文檔中插入動態生成的內容。
註意,在 1 級 DOM 中,HTMLDocument 定義了一個名為 getElementById() 的非常有用的方法。在 2 級 DOM 中,該方法已經被轉移到了 Document 接口,它現在由 HTMLDocument 繼承而不是由它定義了。
參考與:http://www.w3school.com.cn/jsref/dom_obj_document.asp
document