前言：這是筆者學習之後自己的理解與整理。如果有錯誤或者疑問的地方，請大家指正，我會持續更新！ Document 類型表示文檔，或文檔的根節點，這個節點是隱藏的，沒有具體的節點標簽；而 html 是根標簽； 如果想得到 HTMLHtmlElement，不必使用 childNodes 這麼麻煩，可以使用 ...
前言：這是筆者學習之後自己的理解與整理。如果有錯誤或者疑問的地方，請大家指正，我會持續更新！
Document 類型表示文檔，或文檔的根節點，這個節點是隱藏的，沒有具體的節點標簽；而 html 是根標簽；
如果想得到 HTMLHtmlElement，不必使用 childNodes 這麼麻煩，可以使用 documentElement 即可；
有時候我們只是想得到 body 標簽，還可以用 document.body 獲取；
<script type="text/javascript"> console.log(document.nodeType);//9 console.log(document.childNodes[0]);//<!DOCTYPE html> console.log(document.childNodes[0].nodeType);//10 IE8及以下返回8 console.log(document.childNodes[1]);//<html>...</html> console.log(document.childNodes[1].nodeType);//1 console.log(document.childNodes[1].nodeName);//HTML //如果想得到HTMLHtmlElement，不必使用 childNodes 這麼麻煩，可以使用 documentElement 即可； console.log(document.documentElement);//<html>...</html> //有時候我們只是想得到 body 標簽 //我們之前用的 document.getElementsByTagName('body')[0]; 獲得 //還可以用 document.body 獲取 console.log(document.body === document.getElementsByTagName('body')[0]); </script>
下麵是一些前端常用到的 document 屬性：
| 屬性 | 說明 | |
|---|---|---|
| 主要屬性 | document.title | 設置文檔標題等價於HTML的<title>標簽 |
| document.bgColor | 設置頁面背景色 | |
| document.fgColor | 設置頁面前景色（文本顏色） | |
| document.linkColor | 未點擊過的鏈接顏色 | |
| document.alinkColor | 激活鏈接(焦點在此鏈接上)的顏色 | |
| document.vlinkColor | 已點擊過的鏈接顏色 | |
| document.URL | 設置URL屬性從而在同一視窗打開另一網頁 | |
| document.fileCreatedDate | 文件建立日期，只讀屬性 | |
| document.fileModifiedDate | 文件修改日期，只讀屬性 | |
| document.fileSize | 文件大小，只讀屬性 | |
| document.cookie | 設置和讀出cookie | |
| document.charset | 設置字元集 國際編碼格式：utf-8 | |
| 指向其他節點或對象的屬性 | document.doctype | <!DOCTYPE html> |
| document.documentElement | <html>...</html> | |
| document.head | <head>...</head> | |
| document.defaultView | window | |
| document.activeElement | 獲得焦點的元素 | |
| 指向特定元素集合的屬性 | document.all | 文檔中的所有元素，Firefox不支持此屬性 |
| document.anchors | 文檔中所有的錨點，已廢棄 | |
| document.links | 文檔中所有的 a 超鏈接元素 | |
| document.forms | 文檔中所有的 forms 元素 | |
| document.images | 文檔中所有的 img 元素 | |
| document.scripts | 文檔中所有的 script 元素 | |
| document.styleSheets | 文檔中所有的 style 元素 | |
