selenium元素定位

一、selenium元素定位

🐱‍🏍🐱‍👤🐱‍👓🏍🐱‍🚀总结一下元素定位方式，因为项目中会用到，爬虫也会用到，也是为了方便自己和方便后续的同事，总结一下。😄🤞😊😘

1.id定位

from selenium import webdriver
from selenium.webdriver.common.by import By

# 单个查找
find_element_by_id(locator)
find_element(By.ID, locator)
# 多个查找
find_elements_by_id(locator)
find_elements(By.ID, locator)

2.name定位

find_element_by_name(locator)
find_element(By.NAME, locator)

3.class_name定位

find_element_by_class_name(locator)
find_element(By.CLASS_NAME, locator)

4.tag_name定位

find_element_by_tag_name(locator)
find_element(By.TAG_NAME, locator)

5.link_text定位

find_element_by_partial_link_text(locator)
find_element(By.PARTIAL_LINK_TEXT, locator)

6.link_text定位

find_element_by_link_text(locator)
find_element(By.LINK_TEXT, locator)

7.xpath定位

# 单个元素定位
find_element_by_xpath(locator)
find_element(By.XPATH, locator)
# 多个元素定位
find_elements_by_xpath(locator)
find_elements(By.XPATH, locator)

8.css定位

# 单个元素定位
find_element_by_css_selector(locator)
find_element(By.CSS_SELECTOR, locator)
# 多个元素定位
find_elements_by_css_selector(locator)
find_elements(By.CSS_SELECTOR, locator)

二、xpath定位

1.绝对路径定位(不推荐：后期维护成本高)

find_element_by_xpath('/html/body/div[4]/div[1]/a')
find_element(By.XPATH, '/html/body/div[4]/div[1]/a')

2.相对路径定位元素：只给出绝对路径的一部分(偶尔)

find_element_by_xpath('//form/span')
find_element(By.XPATH, '//form/span')

3.通过元素属性定位(常用)

find_element_by_xpath("//input[@name='pwd']")
find_element(By.XPATH, "//input[@name='pwd']")

4.通过属性值模糊匹配定位元素(偶尔)

# starts-with：
find_element_by_xpath("//label[starts-with(@class,'btn')]")
find_element(By.XPATH, "//label[starts-with(@class,'btn')]")
# contains:
find_element_by_xpath("//label[contains(@class,'btn')]")
find_element(By.XPATH, "//label[contains(@class,'btn')]")

5.通过文本定位元素(常用)

find_element_by_xpath("//span[text()='下一步']")
find_element(By.XPATH, "//span[text()='下一步']")

6.节点之间的关系(后续会更新实际案例)

属性解释备注parent表示当前节点的父节点元素用的相对多一些ancestor表示当前节点的祖先节点元素child表示当前节点的子元素用的相对多一些self表示当前节点的自身元素ancestor-or-self表示当前节点的及它的祖先节点元素descendant-or-self表示当前节点的及它们的后代元素following-sibling表示当前节点的后序所有兄弟节点元素preceding-sibling表示当前节点的前面所有兄弟节点元素following表示当前节点的后序所有元素preceding表示当前节点的所有元素

7.xpath路径表达式

xpath解释备注//div[last()]显示文章中最后一个div//div[last()-1]显示文章中倒数第二个div//div[last()-2]显示文章中倒数第三个div//div[position()❤️]显示前俩个div

三、css定位(不定时更新)

注意：css这块我用的相对少一些，因为基本xpath都能搞定

在css中#代表id, . 代表class

# 代表id是kw
css=#kw
# 代表class等于uname
css=.uname

四、总结

其实吧xpath的所有定位方式掌握了，基本上做web自动化元素定位这块就问题不大了。
除了各边动态的或者不太好处理的可以结合css等别的定位方式一起解决.