當 實際內容 比 視口大,求 乙個元素 對視口的座標 ,要考慮 滾動條
1.clientheight、clientwidth
width + padding(內邊距)
2.offsetheight、offsetwidth
width + padding + border
3.offsettop、offsetleft
對於很多元素,這些值 是(相對文件的座標)
元素左上角(邊框外邊緣)與 定位父容器 左上角 的距離
4.offsetparent物件 是指元素最近的 定位(absolute、relative)物件,如果沒有 定位的祖先元素,返回 null
5.元素 相對於的 定位的父元素的 座標
function getoffsetelementposition(e)
return
}//不明白 while(e)為什麼 不行
6.元素 相對於視口的 座標
用 dom.getboundingclientrect()
7.文件 就是document 包括 滾動條
獲取元素的大小及其相對於視口的位置
返回值是乙個 domrect 物件,具有四個唯讀屬性left top right bottom,單位為畫素。這個物件是由該元素的 getclientrects 方法返回的一組矩形的集合,即 是與該元素相關的css 邊框集合 除了 width 和 height 外的屬性都是相對於視口的左上角位置而言的...
FF下獲取乙個元素同型別的相鄰元素
相容火狐獲取乙個節點的相同型別的上乙個相鄰節點 function pervioussiblingsametype node cnode else 節點型別相等則返回 else if cnode.nodetype node.previoussibling.nodetype 相容火狐獲取乙個節點的相同型...
實現乙個獲取元素樣式的函式getStyle
2009 1 21 13 58 33 元素的css樣式,除了包括內聯的 即通過style屬性加上的 樣式定義外,還有 頁面嵌入的css和外部引入的css兩種方式。但在js中通過el.style.只能獲取的內聯的樣式屬性,這就存在比較大的侷限性。好在瀏覽器都 提供了另外的方式來獲取以其它方式定義的樣式...