1、什么是元素定位
根据元素的某个特征在网页中找到对应的元素,定位元素的目的是为了操作元素,在Web自动化中,定位元素是后续一切操作的前提条件。
2、元素的八大定位方式
2.1、id : 根据标签/元素的id属性值定位
一般情况下元素的id是唯一的,所以通过这个方法可以很轻松地找到元素。
eg:通过id定位百度的输入框并发送值
# 创建浏览器对象driver
# 百度输入框的id值为kw,需要导入定位选择方式By
from selenium.webdriver.common.by import By
driver.find_element(By.ID, "kw").send_keys("python")
不能通过id定义的情况
- id是动态变化的
- 不存在id
- id的属性值不唯一
- id中有数字不用
2.2、name:根据标签/元素的name属性值定位
一般情况下元素的名称也是唯一的,所以通过名称可以找到元素。
eg:通过name定位百度的输入框并发送值
# 创建浏览器对象driver
# 百度输入框的name值为wd,需要导入定位选择方式By
from selenium.webdriver.common.by import By
driver.find_element(By.NAME, "wd").send_keys("python")
2.3、tag_name:根据标签/元素的tag_name属性值定位
根据元素的标签名称来定位元素,因为一个页面上往往有多个同名的标签,所以这种方法的局限性较大。这个方法返回值的类型是一个webelement对象。
eg:定位input标签
# 创建浏览器对象driver
# 定位input标签,需要导入定位选择方式By
from selenium.webdriver.common.by import By
element_input = driver.find_element(By.TAG_NAME, 'input')
2.4、class_name:根据标签/元素的class_name属性定位
根据元素的类名定位元素,需要注意的是作为定位条件的类名必须是唯一的,否则会定位不到想找的元素,当元素有多个类名时, 选择其中一个唯一的类名来定位。
# 创建浏览器对象driver
# 通过类名来定位这个元素,并输入Selenium WebDriver
driver.find_element(By.CLASS_NAME, "s_ipt").send_keys("python")
# 选择其中一个唯一的类名s_btn来定位元素, 中间的空格也可用使用.代替
driver.find_element(By.CLASS_NAME, "bg.s_btn").click()
2.5、link_text:根据超链接的文本进行定位
根据元素的链接文本来定位元素,适用于超链接元素,超链接元素的标签是a,在一个页面上,超链接文本一般是唯一的。返回值是一个WebElement对象
# 创建浏览器对象driver
# 定位文本是新闻的超链接元素,并点击
driver.find_element(By.LINK_NAME,"新闻").click()
2.6、partial_link_text:根据超链接的模糊文本进行定位
根据元素的链接文本的一部分来定位元素,要注意选取的部分文本要唯一,否则定位不到需要找的元素。
# 创建浏览器对象driver
# 在京东页面定位文本包含家用的超链接元素,并点击
driver.find_element(By.PARTIAL_LINK_NAME,"家用").click()
2.7、xpath:根据xpath表达式定位
特殊符号表示的含义:
/ :表示根或者子节点
//:任意节点
@ :表示当前的节点的对象
* :表示通配符,只针对标签名
[ ]:相当于过滤器
(1)、绝对路径
根据网页中的层级目录递进进行查找对应元素。
eg:查找百度的输入框,并发送元素“Python”
PS:这个例子有两个查询结果,定位时会返回在前面的结果,这个例子不是很合适,但是我懒了。
# 创建浏览器对象driver
# 通过XPath定位用户名输入框
driver.find_element(By.XPATH,"/html/body/div/div/div/div/div/form/span/input").send_keys("四川")
(2)、//标签名[@属性名=属性值]
把相对路径和属性结合起来查找对应元素。
# 创建浏览器对象driver
# 定位百度首页输入框,输入Python
driver.find_element(By.XPATH,'//input[@id="kw"]').send_keys("Python")
# 定位百度一下按钮,点击
driver.find_element(By.XPATH,'//input[@id="su"]').click()
(3)、//标签名[text()=值]
如果一个标签有文本,并且文本在页面中是唯一的,可以通过指定文本来定位元素。
eg:定位百度首页中的文本为“新闻”的内容
# 创建浏览器对象driver
# 定位文本是新闻的标签
driver.find_element(By.XPATH, "//a[text()='新闻']").click()
(4)、//标签名[contains(@ 属性,值)]
根据标签中包含的部分内容来定位。
eg:定位标签中包含 "百度一下" 的标签
# 创建浏览器对象driver
# 定位标签中包含 "百度一下" 的标签, 并点击一下
driver.find_element(By.XPATH, '//input[contains(@value,"百度一下")]').click()
(5)、//标签名[starts-with(@ 属性,值)]
根据标签中开头的部分内容来定位。
eg:定位标签中以 "result_t" 开头的标签
# 创建浏览器对象driver
# 定位标签中以 "result_t" 开头的标签
element = driver.find_element(By.XPATH, '//*[starts-with(@id,"result_t")]')
(6)、//标签名[@ 属性名1=值1 and @ 属性名2=值2]
如果通过一个属性不能准确地定位到元素,可以使用逻辑运算符and来指定多个属性定位元素。
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.XPATH,"//input[@id='kw' and @name='wd']").send_keys("Python")
# 定位百度一下按钮,点击
driver.find_element(By.XPATH,"//input[@id='su' and @value='百度一下']").click()
(7)、//标签[@ 属性名=值]/标签名[n]
当通过一个属性不能准确地定位到元素,可以使用逻辑运算符and来指定多个属性来定位元素。
eg:定位百度输入框并发送值“python”
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.XPATH,"//input[@id='kw' and @name='wd']").send_keys("Python")
(8)、//标签名[ends-with(@ 属性,值)]------已被移除
2.8、css_selector:根据样式表达式进行定位
(1)、#id:用元素的id属性进行定位
# 创建浏览器对象driver
# 定位百度一下输入框,输入Python
driver.find_element(By.CSS_SELECTOR, "#kw").send_keys("python")
(2)、 .class . class:以元素的类名进行定位
如果元素有一个class属性,就通过.class进行定位
如果元素有多个class属性,class类名之间用.来连接
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.CSS_SELECTOR, ".s_ipt").send_keys("python")
#定位百度一下按钮,这个元素有多个class值,可以指定多个类名定位,也可以选择其中一个唯一的类名来定位
driver.find_element(By.CSS_SELECTOR, ".bg.s_btn").click()
(3)、标签名:以元素的标签的名称进行定位
直接写标签名,前面不需要加任何符号
一般结合其他属性使用
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.CSS_SELECTOR, "input").send_keys("python")
(4)、标签名#id:以元素的标签名的名称和id属性进行定位
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.CSS_SELECTOR, "input#kw").send_keys("python")
(5)、标签名.class:以元素的标签名的名称和class属性进行定位
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.CSS_SELECTOR, "input.s_ipt").send_keys("python")
(6)、[属性名=值]:以属性的值进行定位
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.CSS_SELECTOR, "[name='wd']").send_keys("python")
(7)、[属性名1=值1][属性名2=值2]:以属性1的值1和属性2的值2进行定位
# 创建浏览器对象driver
# 定位百度输入框,输入Python
driver.find_element(By.CSS_SELECTOR, "[name='wd']").send_keys("python")
(8)、标签名[属性名=值]:以属性等于一个值进行定位;
标签名[属性名1=值1][属性名2=值2]:多个属性值进行定位
# 创建浏览器对象driver
# 标签和单个属性值进行定位,并发送值
driver.find_element(By.CSS_SELECTOR, "input[name='wd']").send_keys("python")
# 标签和多个属性值进行定位,并发送值
driver.find_element(By.CSS_SELECTOR, "input[name='wd']").send_keys("python")
(9)、标签名[属性名*=值]:以属性包含一个值进行定位
# 创建浏览器对象driver
# 定位百度一下按钮,点击
driver.find_element(By.CSS_SELECTOR, "input[value*='百度']").click()
(10)、标签名[属性名^=值]:以属性的开始值进行定位
# 创建浏览器对象driver
# 定位百度一下按钮,并点击
driver.find_element(By.CSS_SELECTOR, "input[value^='百度']").click()
(11)、标签名[属性名$=值]:以属性的结束值进行定位
# 创建浏览器对象driver
# 定位百度一下按钮,并点击
driver.find_element(By.CSS_SELECTOR, "input[value$='一下']").click()
(12)、标签名 > 子标签[属性名$=值] + 兄弟标签名
# 创建浏览器对象driver
driver.find_element(By.CSS_SELECTOR, '#s-top-left>a[href$="tieba.baidu.com/"] + a').click()
(13)、定义兄弟标签
a、标签名 > 子标签 :first-child
定位标签下该子标签的第一个子标签
# 创建浏览器对象driver
# 定位百度输入框所在目录下的的第一个标签,输入Python
# 使用fist-child
driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:first-child").send_keys("Python")
b、标签名 > 子标签 :nth-child(n)
定位标签下该子标签的第n个子标签
# 创建浏览器对象driver
# 定位百度输入框,输入Python
# 使用nth-child(n)
driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:nth-child(2)").send_keys("Python")
c、标签名 > 子标签 :last-child文章来源:https://www.toymoban.com/news/detail-839658.html
定位标签下该子标签的最后一个子标签-----慎用文章来源地址https://www.toymoban.com/news/detail-839658.html
# 创建浏览器对象driver
# 定位百度输入框,输入Python
# 使用last-child
driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:last-child").send_keys("Python")
到了这里,关于selenium的八大元素定位方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!