1. 概述
每個載入瀏覽器的 HTML 文檔都會成為 Document 物件。 Document 物件使我們可以從腳本中對 HTML 頁面中的所有元素進行存取。
Document 物件是 Window 物件的一部分，可透過 window.document 屬性對其進行存取
2. 常用屬性
| Cookie | 設定或傳回當前文檔有關的所有 Cookie |
|---|---|
| title | 傳回當前文檔的標題 |
| URL | 傳回當前文檔的URL |
3. 常用方法
| 方法 | 說明 |
|---|---|
| close() | 關閉一個由 document.open 方法開啟的匯出流 |
| getElementById() | 傳回對擁有指定 ID 的第一個物件的引用 |
| getElementsByName() | 方法可傳回帶有指定名稱的物件的集合 |
| getElementsByTagName() | 方法可傳回帶有指標度籤名的物件的集合 |
| write() | 方法可向文檔寫入 HTML 運算式或 JavaScript 程式碼 |
4. 範例
4.1 getElementByID() 方法
getElementById() 方法可傳回對擁有指定 ID 的第一個物件的引用。文法是
document.getElementById(id)
如下圖表示，透過ID獲取值：
範例程式碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">這是標題</h1>
<p>點選標題，會提示出它的值。</p>
</body>
</html>
4.2 getElementByName() 方法
getElementsByName() 方法可傳回帶有指定名稱的物件的集合。該方法與 getElementById() 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。
因為一個文檔中的 name 屬性可能不唯一，所以 getElementsByName() 方法傳回的是元素的陣列，而不是一個元素。
4.3 getElementByTagName()方法
getElementsByTagName() 方法可傳回帶有指標度籤名的物件的集合，傳回元素的順序是它們在文檔中的順序。
如果把特殊字串 "*" 傳遞給 getElementsByTagName() 方法，它將傳回文檔中所有元素的列表，元素排列的順序就是它們在文檔中的順序。
傳遞給 getElementsByTagName() 方法的字串可以不區分大小寫。
4.4 write()方法
write() 方法可向文檔寫入 HTML 運算式或 JavaScript 程式碼。 可列出多個參數(exp1,exp2,exp3,...) ，它們將按順序被追加到文檔中。文法是：
document.write(exp1,exp2,exp3,....)
如下圖所示，HTML中新增語句：
範例程式碼如下：
<html>
<body>
<script type="text/javascript">
document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>")
</script>
</body>
</html>
