幾個html常用取尺寸屬性

2021-06-17 22:55:19 字數 749 閱讀 8162

scrollleft:物件左邊界與物件當前可視左邊界之間距離

scrollwidth:物件可滾動寬度

scrolltop:物件上邊界與物件當前可視上邊界距離

scrollheight:物件可滾動高度

offsettop:物件距上邊界距離

offsetleft:物件距左邊界距離

offsetheight:相對父容器高度

offsetwidth:相對父容器寬度

clientwidth:獲取物件可視區域的寬度

clientheight:height+padding   document.body.clienthight   獲得客戶區域(瀏覽器視窗,不包括選單欄和狀態列,就是內容視窗)的寬度

clienttop:bordertopwidth

clientleft:borderleftwidth

offsettop 與 style.top 的區別

預備知識:offsettop、offsetleft、offsetwidth、offsetheight

我們知道 offsettop 可以獲得 html 元素距離上方或外層元素的位置,style.top 也是可以的,二者的區別是:

一、offsettop 返回的是數字,而 style.top 返回的是字串,除了數字外還帶有單位:px。

二、offsettop 唯讀,而 style.top 可讀寫。

三、如果沒有給 html 元素指定過 top 樣式,則 style.top 返回的是空字串。

javascript 常用尺寸屬性

offsetwidth 和 style.width 高度同理 的區別 offsetwidth 會獲取 元素本身的高度 padding border style.width會獲取 元素本身的高度 並且 style.width 只能獲取行內樣式 offsetwidth 返回數字style.width 返...

Html常用屬性

a標籤 在新視窗開啟請求 target blank 注 有時候會有人不小心多寫了個分號,如 target blank 這會造成只有第一次新開啟視窗 去掉下劃線 text decoration none input標籤 唯讀 readonly readonly 不記住瀏覽器歷史記錄 autocompl...

JQuery獲取常用的尺寸屬性

1.寬 高相關 函式名 說明例子 width 獲取第乙個匹配元素的寬度,預設為px txt1 width width val 為匹配的元素設定寬度值,預設為px txt1 width 200 height 獲取第乙個匹配元素的高度,預設為px txt1 height height val 為匹配的元...