很多時候,我們需要獲取元素在頁面的位置!
我們需要明白的是:
元素在頁面的位置=該元素相對瀏覽器視窗的位置+瀏覽器滾動條的值
我們可以先用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.獲取...