js offset系列屬性作用

2021-10-08 22:32:46 字數 1410 閱讀 4720

offset系列屬性

作用element.offsetparent

返回作為該元素帶有定位的父級元素,如果父級元素都沒有定位返回body

element.offsettop

返回元素相對帶有定位父元素上方的偏移

element.offsetleft

返回元素相對帶有定位父元素左邊框的偏移

element.offsetwidth

返回自身包括padding、邊框、內容去的寬度,返回數值不帶單位

element.offsetheight

返回包括padding、邊框、內容區的高度,返回值不帶單位

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

>

.father

.son

.wstyle

>

head

>

>

class

="father"

>

class

="son"

>

div>

div>

class

="w"

>

div>

>

var father=document.

queryselector

('.father');

var son=document.

queryselector

('.son'

) console.

log(father.offsettop)

; console.

log(father.offsetleft)

; console.

log(son.offsetleft)

;//獲取相對帶有定位的父元素的偏移

console.

log(son.offsettop)

;var w=document.

queryselector

('.w');

console.

log(w.offsetwidth)

;//獲取元素大小,包含padding border width

console.

log(w.offsetheight)

; console.

log(son.offsetparent)

;//返回帶有定位的父親 //position

script

>

body

>

html

>

CSS background系列屬性

關於顏色 能夠用英語單詞來表述的顏色都是簡單的顏色 用rgb方法來表示 光學顯示器每個畫素都是由三原色的發光原件組成的,靠明亮度不同調成不同顏色。用逗號隔開,r,g,b的值,每個值的取值範圍0 255,一共256個值。如果此項值是255,就說明是純色。紅色 background color rgb ...

CSS bacground系列屬性

背景顏色屬性,表示顏色的方法有三種 單詞,rgb表示法,十六進製制表示法 例如 紅色 background color red 黃色 background color yellow rgb表示三原色 紅 red 綠 green 藍 blue r g b,每個值取值範圍 0 255 一共256 個值。...

IOS屬性的作用

說明 在學習屬性前先理清屬性跟類和物件的關係。所以先說明一下類和物件。類是抽象概念,用於抽象描述具有相同屬性和行為的某一類物件。比如 人 車等。物件是類的例項化,具體描述這個類別中的乙個實體。類是抽象的,不佔記憶體 物件是具體的,佔記憶體。舉例 人 是乙個類,人的屬性有名字 身高 性別 膚色 國籍等...