元素定位 - 简书

元素的定位应该是自动化测试的核心，要想操作一个元素，首先应该识别这个元素。
webdriver提供了一系列的元素定位方法，常用的有以下几种

id
name
class name
link text
partial link text
tag name
xpath
css selector

案例：打开百度首页，在搜索框自动输入“Selenium”关键词，然后点击搜索按钮，查看搜索页面。

id定位

    from selenium import webdriver
    from time import sleep


    driver = webdriver.Chrome()
    driver.get("https://www.baidu.com/")
    # 通过元素id定位
    driver.find_element_by_id("kw").send_keys("selenium")
    sleep(2)
    driver.find_element_by_id("su").click()
    sleep(3)
    driver.quit()

name定位

   # 通过标签中的name属性定位元素
   driver.find_element_by_name("wd").send_keys("selenium")

class name定位

   # 通过标签中的class属性定位元素
    driver.find_element_by_class_name("s_ipt").send_keys("selenium")

link text定位

   # 通过链接文字查找元素
   driver.find_element_by_link_text("平面设计").click()

partial link text定位

   # 通过部分链接文字查找元素
   driver.find_element_by_partial_link_text("北京").click()

tag name定位

  #定位标签名为input的元素
  driver.find_element_by_tag_name("input").send_keys("selenium")

xpath定位

XPath即为XML路径语言，它是一种用来确定XML文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。

绝对定位
根据元素的绝对路径定位元素，容易出错。一旦页面元素位置有变化，原有路径信息就无法查询到元素。

# 根据元素绝对路径查看输入框
driver.find_element_by_xpath("/html/body/div[2]/div[2]/div[5]/div[1]/div/form/span[1]/input").send_keys("selenium")

相对定位
1、元素结合id属性定位

# 定位当前页面input标签中id属性值为kw的元素
driver.find_element_by_xpath("//input[@id='kw']").send_keys('selenium')

# 定位当前页面inpu标签中id属性值为su元素
driver.find_element_by_xpath("//input[@id='su']").click()

2、元素结合name属性定位

#定位当前页面input标签中name属性值为wd的元素
driver.find_element_by_xpath("//input[@name='wd']").send_keys('selenium')

3、元素结合class name属性定位

# xpath定位所有元素节点中属性class值为s_ipt的元素
driver.find_element_by_xpath("//*[@class='s_ipt']").send_keys('selenium')

层级定位
当需要定位的元素无法通过属性直接定位到时，可以往上逐层查找可以定位到的父元素，再通过层级延伸查找需要的子元素。

# 通过层级与属性结合定位
driver.find_element_by_xpath("//form[@name='f']/span[1]/input").send_keys('selenium')

sleep(3)

# 通过层级与属性结合定位
driver.find_element_by_xpath("//form[@name='f']/span[2]/input").click()

逻辑运算组合定位
当多个元素的属性相同时，通过一个属性无法直接定位到该元素时，可以使用该元素的多个属性组合定位元素。

# 通过属性组合定位元素
driver.find_element_by_xpath("//input[@name='wd' and @id='kw']").send_keys('selenium')

css selector定位

Selenium极力推荐使用CSS 定位，而不是XPath来定位元素，原因是CSS 定位比XPath 定速度快，语法也更加简洁。
CSS常用定位方法：
1、用法：driver.find_element_by_css_selector（）
2、#id id选择器根据id属性来定位元素
3、.class class选择器，根据class属性值来定位元素
4、[attribute='value'] 根据属性来定位元素
5、element>element 根据元素层级来定位父元素>子元素

id定位：#id值

# css:通过id属性定位元素
driver.find_element_by_css_selector("#kw").send_keys('selenium')

class name定位：.class name值

# css:通过class属性定位元素
driver.find_element_by_css_selector(".s_ipt").send_keys('selenium')

元素属性定位：[attribute='value']

# css:通过元素属性定位元素
driver.find_element_by_css_selector('[autocomplete="off"]').send_keys('selenium')

层级定位： father element > element
通过层级定位方式不太好定位，我试着结合元素的id、class name属性值一起调试都无法解决。希望大神看到可以留言指导，感谢！

#通过元素层级来定位[报错了。。。]
driver.find_element_by_css_selector("#form>span[1]>input[autocomplete='off']").send_keys("selenium")

报错信息： File "D:\Programs\Python\Python37\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 242, in check_response
raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.InvalidSelectorException: Message: invalid selector: An invalid or illegal selector was specified
(Session info: chrome=77.0.3865.120)