Window Document 對象

Document 對象

當 HTML 文檔加載到 Web 瀏覽器中時，它就變成了一個文檔對象。

文檔對象是 HTML 文檔的根節點。

文檔對象是窗口對象的屬性。

通過以下方式訪問文檔對象：

window.document 或僅用 document

實例

let url = window.document.URL;

親自試一試

let url = document.URL;

親自試一試

文檔對象屬性和方法

以下屬性和方法可用于 HTML 文檔：

屬性 / 方法 描述
activeElement 返回文檔中當前獲得焦點的元素。
addEventListener() 將事件處理程序附加到文檔。
adoptNode() 采用來自另一個文檔的節點。
anchors 已棄用。
applets 已棄用。
baseURI 返回文檔的絕對基準 URI。
body 設置或返回文檔的正文（<body> 元素）。
charset 已棄用。
characterSet 返回文檔的字符編碼。
close() 關閉之前用 document.open() 打開的輸出流。
cookie 返回文檔中所有 cookie 的名稱/值對。
createAttribute() 創建屬性節點。
createComment() 創建帶有指定文本的 Comment 節點。
createDocumentFragment() 創建空 DocumentFragment 節點。
createElement() 創建元素節點。
createEvent() 創建新事件。
createTextNode() 創建文本節點。
defaultView 返回與文檔關聯的窗口對象，若無可用，則返回 null。
designMode 控制整個文檔是否應可編輯。
doctype 返回與文檔關聯的文檔類型聲明。
documentElement 返回文檔的 Document 元素（<html> 元素）。
documentMode 已棄用。
documentURI 設置或返回文檔的位置。
domain 返回加載文檔的服務器的域名。
domConfig 已棄用。
embeds 返回文檔中所有 <embed> 元素的集合。
execCommand() 已棄用。
forms 返回文檔中所有 <form> 元素的集合。
getElementById() 返回擁有指定值的 ID 屬性的元素。
getElementsByClassName() 返回包含擁有指定類名的所有元素的 HTMLCollection。
getElementsByName() 返回包含擁有指定名稱的所有元素的活動 NodeList。
getElementsByTagName() 返回包含擁有指定標簽名稱的所有元素的 HTMLCollection。
hasFocus() 返回布爾值，指示文檔是否獲得焦點。
head 返回文檔的 <head> 元素。
images 返回文檔中所有 <img> 元素的集合。
implementation 返回處理此文檔的 DOMImplementation 對象。
importNode() 從另一個文檔導入節點。
inputEncoding 已棄用。
lastModified 返回文檔最后一次修改的日期和時間。
links 返回文檔中所有擁有 href 屬性的 <a> 和 <area> 元素的集合。
normalize() 刪除空文本節點，并連接相鄰節點。
normalizeDocument() 已棄用。
open() 打開 HTML 輸出流以收集來自 document.write() 的輸出。
querySelector() 返回與文檔中指定的 CSS 選擇器匹配的第一個元素。
querySelectorAll() 返回包含與文檔中指定的 CSS 選擇器匹配的所有元素的靜態 NodeList。
readyState 返回文檔的（加載）狀態。
referrer 返回加載當前文檔的文檔的 URL。
removeEventListener() 從文檔中刪除事件處理程序（已使用 addEventListener() 方法 附加的）。
renameNode() 已棄用。
scripts 返回文檔中 <script> 元素的集合。
strictErrorChecking 已棄用。
title 設置或返回文檔的標題。
URL 返回 HTML 文檔的完整 URL。
write() 將 HTML 表達式或 JavaScript 代碼寫入文檔。
writeln() 與 write() 相同，但在每條語句后添加換行符。

Document 對象描述

HTMLDocument 接口對 DOM Document 接口進行了擴展，定義 HTML 專用的屬性和方法。

很多屬性和方法都是 HTMLCollection 對象（實際上是可以用數組或名稱索引的只讀數組），其中保存了對錨、表單、鏈接以及其他可腳本元素的引用。

這些集合屬性都源自于 0 級 DOM。它們已經被 Document.getElementsByTagName() 所取代，但是仍然常常使用，因為他們很方便。

write() 方法值得注意，在文檔載入和解析的時候，它允許一個腳本向文檔中插入動態生成的內容。

注意，在 1 級 DOM 中，HTMLDocument 定義了一個名為 getElementById() 的非常有用的方法。在 2 級 DOM 中，該方法已經被轉移到了 Document 接口，它現在由 HTMLDocument 繼承而不是由它定義了。