當html頁面第一行沒有宣告標籤!doctype html的時候，document和document.documentelement是一樣一樣的。如圖， 在瀏覽器列印這兩個元素的時候選中後的都是同乙個區域
而當也頁面新增了!doctype html之後再列印這兩個元素的時候，document沒變，document.documentelement元素選擇區域變短為整個頁面所佔的高度。
當頁面具有dtd的時候，使用 document.documentelement。頁面不具有 dtd，或者說沒有指定了 doctype，時，使用 document.body。
scrolltop意為垂直滾動條滾動過的距離，指的是「元素中的內容」超出「元素上邊界」的那部分的高度。
為了相容，不管有沒有 dtd，可以使用如下**：
var scrolltop = window.pageyoffset //用於ff
|| document.documentelement
.scrolltop
|| document.body
.scrolltop
|| 0
;
clienttop: 當前元素上邊框的高度 （border-top）
clientleft: 當前元素左邊框的寬度 (border-left)
clientwidth: 當前元素寬度 (padding + content, 不包含border)
clientheight: 當前元素高度 (padding + content, 不包含border)
參考鏈結
scrolltop: 當前元素《垂直滾動條》滾動過的距離
scrollleft: 當前元素《水平滾動條》滾動過的距離
scrollwidth: 當前元素滾動寬度（不包括邊框）
scrollheight: 當前元素滾動高度 （不包括邊框）
scrollwidth和scrollwidth有瀏覽器相容性
offsettop: 當前元素離設定了定位的父元素的頂部的距離
offsetleft: 當前元素離設定了定位的父元素的左邊的距離
假如沒有定位的父元素，則相對與根元素html
document 學習筆記
一 概述 document 物件是文件的根節點每張網頁都有自己的document物件。window.document屬性就指向這個物件。只要瀏覽器開始載入 html 文件，該物件就存在了，可以直接使用。document物件有不同的辦法可以獲取。正常的網頁，直接使用document或window.do...
js學習筆記 指令碼化文件（Document物件）
指令碼化文件 客戶端js把靜態html轉變為互動式的web應用程式，指令碼化web頁面的內容正是js存在的理由。每個web瀏覽器視窗 幀 顯示乙個html文件，表示這個視窗的window物件有乙個document屬性，他引用了乙個document物件，下面便學習document物件的屬性和方法 1 ...
HTML筆記三，表單相關元素和屬性
表單元素 form 用於生成輸入表單，該元素不視覺化 input label 定義標籤 button 定義乙個按鈕 select 建立列表框和下拉列表，必須和結合使用 textarea 設定多行文字框 html5新增表單中的屬性與元素 1 為表單控制項新增了form屬性，form 乙個form表單的...