給定乙個元素,獲取它對於視口的座標

2021-09-25 20:52:08 字數 548 閱讀 4455

當 實際內容 比 視口大,求 乙個元素 對視口的座標 ,要考慮 滾動條

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.只能獲取的內聯的樣式屬性,這就存在比較大的侷限性。好在瀏覽器都 提供了另外的方式來獲取以其它方式定義的樣式...