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 為匹配的元...