根據css selector定位元素的幾種方法

2021-09-29 13:50:58 字數 1050 閱讀 7316

最方便快捷的用瀏覽器複製的css引數可以定位

find_element_by_css_selector(css selector引數)

選擇多個css元素:

find_elements_by_css_selector(css selector引數)

此外css選擇器也可以根據tag名、id、class.後代元素之間的關係選擇元素。

書寫格式如下:

(1)用css選擇器根據id定位

find_elements_by_css_selector("#id元素")

id元素前加井號

(2)用css選擇器根據class定位

find_elements_by_css_selector(".class元素")

class元素前加點

(3)用css選擇器根據tag定位

find_elements_by_css_selector(「tag元素」)

*注意:tag名一般有多個相同元素,如果用css進行單個定位的話只會選定第乙個符合條件的tag名

(4)用css選擇器根據子元素進行定位:

如果 元素2 是 元素1 的直接子元素,css selector 選擇子元素的語法是醬嬸兒滴:

find_elements_by_css_selector(「元素1 > 元素2」)

最終選擇的元素是元素2 並且元素2是元素1的直接子元素

也支援多層級選擇:

元素1>元素2>元素3>元素4

上面的語法選中的最終元素就是 元素4

(5)用後代元素進行定位:

find_elements_by_css_selector(「元素1 元素2」)

元素中間用空格隔開

表示在表示式中,元素1為元素2的上次層元素就可以,不一定是直接子元素

以上定位元素可以混用;

例如:find_elements_by_css_selector(".class>元素1 元素2")

表示式的意思為:查詢某個class元素直接子元素中元素1的後代元素 元素2 。

(6)css選擇器支援通過任何屬性來選擇元素,語法是用乙個方括號。

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 類選...

Xpath定位和CssSelector定位的區別

1 從根節點擊取,下級節點 2 任意節點擊取 3 任意標籤選取 4 選取屬性 5 選取當前節點的父節點 8 last 選取最後乙個 定位方式 xpath css selector find element by id id值 id id值 id值 find element by name name值...