谷歌瀏覽器 Doc 簡介--Documents
在網頁上，組成頁面（或文件）的物件被組織在一個樹形結構中。
頁面的頂級包含在<html>標籤中，在其中會找到<head>和<body>標籤，而其它標籤包含在這兩個標籤中，依次類推。
javascript將文件樹中的每一項都當做物件，可以使用javascript操縱這些物件。用來表示文件中物件的標準模型就稱為DOM（Document Object Model）。
-
<html> -
<head> -
<title>Dom</title> -
</head> -
<body> -
<form id="form1" action="#"> -
<input type="button" id="b1" value="AddContent"> -
</form> -
<form id="form2" action="#"> -
<input type="button" id="b2" value="AddContent"> -
</form> -
</body> -
</html>
Document 物件集合
| 集 合 | 描 述 |
| all[] | 提供對文件中所有 HTML 元素的訪問。 |
| anchors[] | 返回對文件中所有 Anchor 物件的引用。 |
| applets | 返回對文件中所有 Applet 物件的引用。 |
| forms[] | 返回對文件中所有 Form 物件引用。 |
| images[] | 返回對文件中所有 Image 物件引用。 |
| links[] | 返回對文件中所有 Area 和 Link 物件引用。 |
-
var doc = document.forms; -
document.write(doc.length);
獲取頁面上所有的form表單的陣列將表單陣列的長度寫在頁面上，為2
Document 物件屬性
| 屬 性 | 描 述 |
| body | 提供對 <body> 元素的直接訪問。 對於定義了框架集的文件，該屬性引用最外層的 <frameset>。 |
| cookie | 設定或返回與當前文件有關的所有 cookie。 |
| domain | 返回當前文件的域名。 |
| lastModified | 返回文件被最後修改的日期和時間。 |
| referrer | 返回載入當前文件的文件的 URL。 |
| title | 返回當前文件的標題。 |
| URL | 返回當前文件的 URL。 |
-
var expireDate = new Date(); -
expireDate.setMonth(expireDate.getMonth()+6); -
var userName = document.getElementById("nameField").value; -
document.cookie = "userName=" + userName + ";expires=" + expireDate.toGMTString();
設定瀏覽器cookie
Document 物件方法
| 方 法 | 描 述 |
| close() | 關閉用 document.open() 方法開啟的輸出流，並顯示選定的資料。 |
| getElementById() | 返回對擁有指定 id 的第一個物件的引用。 |
| getElementsByName() | 返回帶有指定名稱的物件集合。 |
| getElementsByTagName() | 返回帶有指定標籤名的物件集合。 |
| open() | 開啟一個流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出。 |
| write() | 向文件寫 HTML 表示式 或 JavaScript 程式碼。 |
| writeln() | 等同於 write() 方法，不同的是在每個表示式之後寫一個換行符。 |
document.getElementById("days")
取id為days的HTML物件
備註：上面幾個方法中，訪問頁面元素常用的有getElementById，getElementsByName 和 getElementsByTagName。
其中 getElementById 返回的為單物件；getElementsByName為根據name獲取到的元素的集合，getElementsByTagName 為根據tag名稱獲取到的元素的集合。