獲取php頁面上的元素,js獲取元素在頁面的位置

2021-10-25 21:09:25 字數 802 閱讀 2716

很多時候,我們需要獲取元素在頁面的位置!

我們需要明白的是:

元素在頁面的位置=該元素相對瀏覽器視窗的位置+瀏覽器滾動條的值

我們可以先用getboundingclientrect()方法來獲得某個元素相對瀏覽器視窗的位置 {這個方法返回的是乙個物件,即object,該物件具有4個屬性:top,left,right,bottom }

然後再計算瀏覽器滾動條的值,2個值相加即可得到元素在頁面的位置!

假如我們現在要獲得元素obj在頁面的左上角座標位置,計算公式如下:

//chrome不能識別document.documentelement用document.body相容

var stop=document.documentelement.scrolltop == 0 ? document.body.scrolltop : document.documentelement.scrolltop;

var sleft= document.documentelement.scrollleft == 0 ? document.body.scrollleft : document.documentelement.scrollleft;

該obj元素在頁面的left值=obj.getboundingclientrect().left + sleft

該obj元素在頁面的top值=obj.getboundingclientrect().top + stop

注:getboundingclientrect()方法方法之前只有ie支援,現在ff3.0+和opera9.5+都已經支援該方法,可以說在獲得頁面元素位置上效率能有很大的提高!

獲取元素到頁面上的位置

獲取元素到頁面的距離 function getposition obj while obj return post 知識點 offsetparent 1 元素本身已經定位 如果元素本身已經定位,那麼 offsetparent 屬性返回此元素已定位父級元素,如沒有已定位的父級元素,則返回 body 物...

js獲取頁面元素

獲取頁面元素的四種方式 1 通過標籤名來獲取 var box document.getelementsbytagname div 2 console.log box 2 通過class名來獲取 var box2 document.getelementsbyclassname div1 0 conso...

獲取頁面元素

通常在做斷言之前,都要先獲取介面上元素的屬性,然後與期望結果對比。本篇介紹幾種常見的獲取元素屬性方法。1.1.有很多小夥伴都不知道 title 長在 看下圖左上角。1.2.獲取 title 方法很簡單,直接 driver.title 就能獲取到 3.通過 driver.text 獲取到文字 1.獲取...