元素定位之css selector 選擇器定位)

2022-03-10 11:35:06 字數 888 閱讀 9798

語法find_element_by_css_selector("css選擇器定位策略」)   或者  find_elements_by_css_selector("css選擇器定位策略」)

find_element_by_css_selector("input[autocomplete='off']")

tips:和xpath定位不同的是,標籤名前不用// ,[ ]內的屬性名前不用@符號,而xpath則需要。其餘的規則與xpath相同。

如果屬性是唯一的,那麼標籤名可以不用寫。

d,索引定位。

當父標籤中有很多相同的子標籤時,通過索引找到所需要定位的元素。

通過 父標籤[父標籤屬性名=父標籤屬性值]>子標籤:nth-child(索引序號) 

tips:索引從1開始

我們以126郵箱的密碼輸入框為例:

find_element_by_css_selector("div[class='u-input box]>input:nth-child(2)')

記住:用css_selector進行元素定位,父標籤到子標籤都用》或空格。如果用的是》,意思是指第乙個子標籤

而用空格的話,則可以為任何子標籤。

e, 邏輯定位。

在xpath中,邏輯定位用到「and」,"or",「not」,而在我們的css_selector中,則不需要。

通過 標籤名[標籤名1= 屬性值1][標籤名2=屬性值2]

同樣,我們通過126郵箱的密碼輸入框為例:

f, 模糊匹配。

^:以什麼開頭

$:以什麼結尾

*:匹配所有

find_element_by_css_selector(「標籤名[屬性名*(或^,或$)='屬性值']」)

CSS之元素定位

css中元素定位有如下情況 1 流 靜態定位 預設 position static 不能指定位置 2 浮動定位 float left right 不能嚴格指定位置 3 相對定位 position relative 使用left top right bottom進行定位,仍占用頁面空間 以 其自己的靜...

DOM之元素定位

js實現的大多數特效都需要定位元素,而定位元素不外乎以下幾類屬性 offset client scroll。通過合理使用這些屬性,即可輕鬆實現各種js動態效果了。一 offset類 offset 即元素偏移量,該類屬性主要用來動態的獲取元素的偏移和大小等。1,距離父元素的偏移 offsetparen...

Selenium之元素定位

1.檢視頁面元素 id class type name等。2.通過webdriver的方法定位 絕對路徑 find element by xpath html body div 1 div 1 div div 1 div form span 1 input 相對路徑 find element by ...