JS常用屬性總結

2021-07-29 23:28:08 字數 1147 閱讀 2729

scrollleft(重點):設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離

scrolltop(重點):設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離

offsetheight:   offsetheight 的值等於元素本身的 高+邊框*2+內邊距*2

offsetwidth:   offsetwidth 的值等於元素本身的 寬+邊框*2+內邊距*2

offsetleft(重點):html 元素間隔左方或外層元素的位置,返回的是數字

offsettop(重點):html 元素間隔上方或外層元素的位置,返回的是數字

scrollheight  文件左邊滾動條的高度

event.clientx(重點) 相對文件的水平座標

event.clienty(重點) 相對文件的垂直座標

event.offsetx(重點) 相對元素本身的水平座標

event.offsety(重點) 相對元素的垂直座標

document.documentelement.scrolltop 垂直方向滾動的值,不相容chrome

document.body.scrolltop 垂直放心滾動的值,不相容ie與ff,只相容chrome

1、offsetleft

假設 obj 為某個 html 元素。

obj.offsettop 指 obj 間隔上方或上層控制項的地位,整型

obj.offsetleft 指 obj 間隔左方或上層控制項的地位,整型

obj.offsetwidth 指 obj 控制項自身的寬度,整型

obj.offsetheight 指 obj 控制項自身的高度,整型

offsettop 可以獲得 html 元素間隔上方或外層元素的位置,style.top 也是可以的,二者的差別是:

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

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

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

offsetleft 與 style.left、offsetwidth 與 style.width、offsetheight 與 style.height 也是同樣事理。

常用CSS屬性總結

屬性 描述可能值 background 在乙個宣告中設定所有背景屬性 background attachment 設定背景影象是否隨著頁面的其餘部分滾動 scroll 預設值 fixed inherit background color 設定元素背景色 yellow 00ff00 rgb 255,0...

CSS常用屬性總結

1,首行縮排 text indent 2em 1em font szie 大小 em是相對字型大小高度的 2,文字裝飾 text decoration line through 3,行級元素 內容決定元素所佔位置 inline 不可以通過css改變寬高 比如 span strong em a del...

CSS常用屬性總結

1 display 設定元素是否以及如何顯示 block 是塊級元素的預設值 塊級元素預設情況下獨佔一行 塊級元素可以設定寬高 inline 是行內元素的預設值 多個行內元素可以處在同一行 行內元素不可以設定寬高 inline block 既具備塊級元素特徵也具備行內元素特徵 none 隱藏元素 2...