// 客戶區大小
document.documentelement.clientwidth // 瀏覽器可視視窗的寬度（獲取真實寬度）
document.documentelement.clientheight // 瀏覽器可視視窗的高度（獲取真實高度）
document.body.clientwidth // body有margin，無法獲取真實的寬度
document.body.clientheight // body有margin，無法獲取真實的高度
// 元素占有可見空間
clientwidth 獲取元素的寬度 width+padding-滾動條寬度（17px）
clientheight 獲取元素的高度 height+padding-滾動條高度（17px）
offsetwidth 元素自身的寬度 width+padding+border
offsetheight 元素自身的高度 height+padding+border
// 元素到邊界的偏移
offsetleft 元素左邊框距離父元素的距離 // 如果父級沒有定位，就是相對於瀏覽器視窗。如果有定位，是對有定位的父級元素）
offsettop 元素上邊框距離父元素的距離 // 如果父級沒有定位，就是相對於瀏覽器視窗。如果有定位，是對有定位的父級元素）
// 滾動屬性
scrollheight, scrollwidth // scrollheight返回的是元素的實際內容的高度，值=子元素的height值+元素的padding-top+元素的padding-bottom
scrolltop, scrollleft // 縱向或者橫向滾動條位置，可獲取可設定，當給瀏覽器設定滾動條位置時，document.documentelement.scrolltop = 300 ;
document.body.scrolltop = 300 ;這兩個都需要設定，處理相容問題
// 相對當前視口所在的固定定位位置
getboundingclientrect（） // 這是方法，裡邊幾個屬性，自行列印檢視其他的自行比較檢視，固定位置是x/y，或者是left/top
節點屬性（DOM物件）
在文件物件模型 dom 中，每個節點都是乙個物件。dom 節點有三個重要的屬性 1.nodename 節點的名稱 2.nodevalue 節點的值 3.nodetype 節點的型別 一 nodename 屬性 節點的名稱，是唯讀的。1.元素節點的 nodename 與標籤名相同 2.屬性節點的 no...
DOM標籤屬性和物件屬性
dom元素的屬性分為兩種 1 標籤屬性 直接寫在標籤上的屬性 2 物件屬性 由於所有的dom元素都是object型別,所以我們可以通過物件的方式為dom元素設定屬性 1.標籤屬性 1 設定標籤屬性 elem.setattribute 屬性名,屬性值 注意 1 屬性名單詞之間通常用 連線,並且不使用駝...
jQuery物件與JS原生dom物件之間的轉換
jquery 就是js 的乙個擴充套件庫，工具庫，提供很多方便快捷的方法，所以將 js物件轉換為 jquery 物件後，能更方便地操作這個物件。但是 jquery 物件也不是萬能的，有一些 js物件有的能，jquery 物件並沒有提供，所以需要轉換回 js物件，才能進行操作。另外一種情況可能是，你使...