1. 程式人生 > >document

document

擴展 chang sel htm del tel 以及 專用 cti

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