在頁面中定位元素

2022-08-31 01:27:24 字數 910 閱讀 9837

使用getboundingclientrect獲取元素的邊界矩形的大小和位置,然後訪問其top和left值以確定位置:

//

在頁面中定位元素

function

positionobject(obj)

元素定位是根據該元素的左上角相對於其視口和祖先元素的位置或偏移量來確定的。元素的位置是相對於其他的元素的,並且,還取決於其位置是靜態的、相對的、固定的還是絕對的。邊距也會影響到元素的位置。

element.getboundingclientrect()方法返回元素的大小及其相對於視口的位置。

rectobject = object.getboundingclientrect();
返回值是乙個domrect

物件,這個物件是由該元素的getclientrects()方法返回的一組矩形的集合, 即:是與該元素相關的css 邊框集合 。domrect 物件包含了一組用於描述邊框的唯讀屬性——left、top、right和bottom,單位為畫素。除了 width 和 height 外的屬性都是相對於視口的左上角位置而言的。

pc端:

mobile端:

css selector定位元素

selenium中經常要用css selector定位元素,雖說可以用firefox的firebug firepath直接copy元素的xpath路徑,但有時還是很必要用css selector來定位,也算技多不壓身吧 系統的學習一下,也當是臨陣磨槍。一共8種方式的選擇器。根據元素的標籤定位,如下 ...

CSS Selector定位元素

滴 今日打卡!博主之前寫過一篇關於xpath元素定位的部落格,裡面也有提到過xpath方法和css選擇器方法的比較 今天就補上css選擇器定位筆記。1.css選擇器定位元素 1 標籤選擇器 driver.find element by css selector li 選擇所有 li標籤元素 2 類選...

selenium xpath定位元素

xpath獲取 f12開啟瀏覽器除錯視窗,找到元素對應html 右鍵 copy copy xpath xpath 是xml的查詢語言,和sql的角色很類似。以下面xml為例,介紹xpath 的語法。empire burlesque bob dylan 10.90 hide your heart bo...