阅读量:1
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
定位标签下该子标签的最后一个子标签-----慎用
# 创建浏览器对象driver # 定位百度输入框，输入Python # 使用last-child driver.find_element(By.CSS_SELECTOR, "span#s_kw_wrap>input:last-child").send_keys("Python")