獲取視窗屬性，獲取dom尺寸，指令碼化CSS 自用

document.body/documentelement.scrolleftscrolltop

封裝相容性方法，求滾動輪滾動離getscrolloffset()

/*

return x:滾動條滾動的x軸距離
return y:滾動條滾動的y軸距離
*/function
getscrolloffset()
}else
}}

document.documentelement.clientwidth/clientheight

document.body.clientwidth/clientheight

封裝相容性方法，返回瀏覽器視口尺寸getviewportoffset()

function

getviewportoffset()
}else
}else}}
}

檢視元素的位置

對於無定位父級的元素，返回相對文件的座標。對於有定位父級的元素，返回相對於最近的有定位的父級的座標。

dom.offsetparent返回最近的有定位的父級，如無，返回body, bodyoffsetparent返回null

eg:求元素相對於文件的座標getelementposition

//計算元素位置

function
getelementposition
(e)return
;}

div.style.backgroundcolor =

"red"
;//展示的行間的樣式，行間如果沒有就沒有
div.style.width =
"100px"
; div.style.height =
"100px"
; window.
getcomputedstyle
(div,
null
).backgroundcolor;
//獲取的是經過計算的樣式值 //第二個引數時用來解決偽元素的問題

封裝相容性方法getstyle(elem,prop);

//得到計元素css屬性

function
getstyle
(elem,prop)
else
}

1. 寫出多個css

2. 通過改變父元素的class來改變

js 獲取DOM尺寸 位置

檢視滾動條的滾動位置 封裝相容性方法getscrolloffset function getscrolloffset else 檢視視覺化視窗的尺寸 document.documentelement.clientwidth clientheight document.body.clientwidth...

DOM獲取和設定屬性

一.節點 節點 node 這詞是網路術語，表示網路中的乙個連線點，乙個網路就是由一些節點構成的集合。三種型別節點 元素節點，文字節點，屬性節點 不要忘記買東西 上行 中 元素為元素節點，title a gentle reminder 為屬性節點 不要忘記買東西為文字節點 二.css 繼承 inher...

JQuery獲取常用的尺寸屬性

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