selenium之css定位

实在记不住,烂笔头就记一下吧。

一. 单一属性定位

1:type selector

driver.find_element_by_css_selector(‘input‘)

2:id 定位

driver.find_element_by_css_selector(‘#kw‘)

3:class 定位

driver.find_element_by_css_selector(‘.s_ipt‘)

4:其他属性定位

driver.find_element_by_css_selector(‘[name=‘wd‘]‘)

driver.find_element_by_css_selector("[type=‘text‘]")

二.组合属性

1:id组合属性定位

driver.find_element_by_css_selector("input#kw")

2:class组合属性定位

driver.find_element_by_css_selector("input.s_ipt")

3:其他属性组合定位

driver.find_element_by_css_selector("input[name=‘wd‘]")

4:仅有属性名,没有值也可以

driver.find_element_by_css_selector("input[name]")

5:两个其他属性组合定位

driver.find_element_by_css_selector("[name=‘wd‘][autocomplete=‘off‘]")

三.模糊匹配属性值的方法

1>匹配属性包含so关键字字符串的元素,以符号 * 指明需要模糊匹配。

driver.find_element_by_css_selector("input[class *=‘so‘]")

2>匹配属性值为字符串开头的方法

driver.find_element_by_css_selector("input[class^=‘btn‘]")

3>匹配属性值字符串结尾的方法

driver.find_element_by_css_selector("input[class$=‘s_btn‘]")

四.层级定位 

1:父子层级定位元素

driver.find_element_by_css_selector(‘form#form>span>input‘)#id是form的form下面的span下面的input

2:伪类定位元素

driver.find_element_by_css_selector(‘#u_sp>a :nth-child(1)‘)#id为u_sp的下面的第一个a标签。

-在冒号前一定要有空格,否则就定位不到期望的元素 -

3:E :nth-last-child(n),如字面意思:倒数第几个标签

4:E :first-child,第一个标签

5:E :last-child,最后一个标签

6:E :only-child,唯一的标签

五.兄弟同级元素

1.driver.find_element_by_css_selector("div#div1>input + a")

2.driver.find_element_by_css_selector("div#div1>input + a + img")

3.driver.find_element_by_css_selector("div#div1>input + * + img")

4.driver.find_element_by_css_selector("ul#recordlist>p~li") 

六.多元素选择器,CSS定位方式支持多元素选择器,也就是一次可以同时选择多个相同的标签,也可以同时选择多个不同的标签,不同标签间用用英文的逗号(,)隔开。

1.driver.find_element_by_css_selector("div#div1, input , img") 同时查找所有ID属性值为div1的div元素,所有的input元素,所有的img元素。 

  Xpath 定位方式与CSS 定位方式很相似,Xpath 功能更强大一些,但是CSS定位方式的执行速度更快一些,selenium官方更推荐用CSS这一种定位方法。

原文地址:https://www.cnblogs.com/brianlai/p/10228906.html

时间: 2024-07-31 07:28:28

selenium之css定位的相关文章

selenium之CSS定位汇总

以百度首页为例: 定位输入框 一:单一属性定位 1:type selector driver.find_element_by_css_selector('input') 2:id 定位 driver.find_element_by_css_selector('#kw') 3:class 定位 driver.find_element_by_css_selector('.s_ipt') 4:其他属性定位 driver.find_element_by_css_selector('[name='wd']

java selenium (五) 元素定位大全

页面元素定位是自动化中最重要的事情, selenium Webdriver 提供了很多种元素定位的方法.  测试人员应该熟练掌握各种定位方法. 使用最简单,最稳定的定位方法. 阅读目录 自动化测试步骤 在自动化测试过程中, 测试程序通常的操作页面元素步骤 1. 找到Web的页面元素,并赋予到一个存储对象中 (WebElement) 2. 对存储页面元素的对象进行操作, 例如:点击链接,在输入框中输入字符等 3. 验证页面上的元素是否符合预期 通过这三个步骤, 我们可以完成一个页面元素的操作, 找

selenium:css_selector定位详解

来源:https://www.cnblogs.com/haifeima/p/10138154.html 目录 selenium使用css selector和xpath的比较 selenium提供的定位方式(常用) 推荐的定位方式的优先级 针对css selector和xpath的优先级做一个简单的说明 定位元素的注意事项(划重点) selenium之CSS定位汇总 一:单一属性定位 二:组合属性定位 三:层级定位 回到顶部 selenium使用css selector和xpath的比较 sele

【Selenium 3+Java自动化(6)】-CSS定位语法

一.前言 本章节讲解一下CSS定位. CSS定位相对于XPath定位的优点是:css定位更快,语法更简洁. 这一篇css的定位方法,主要是对比上一篇的xpath来的,基本上xpath能完成的,css也可以做到.两篇对比学习,更容易理解. 二.CSS:属性定位 1.通过id属性定位,需要加上标识符"#",如:#kw: element = driver.findElement(By.cssSelector("#kw")); element.sendKeys("

Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析

加速IE浏览器自动化执行效率:Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析 1.技术背景       在Web应用中,用户通过键盘在输入框中输入值和鼠标点击按钮,链接等.比如在用户名输入框和密码输入框输入正确的用户名和密码,然后点击登录按钮进行登录.在Selenium自动化中,Selenium提供多种API来对HTML元素进行操作,对于每个HTML元素,需要一个可以标识它的标识符,在Selenium中称之为定位器,Selenium支持多种不同类型的定位器,有标

selenium入门:css定位

Selenium极力推荐使用css定位,而不是XPath来定位元素,原因是css定位比XPath定位速度快,语法也更加简洁. css常用定位方法 1.find_element_by_css_selector() 2.#id  id 选择器根据id属性来定位元素 3. .class   class选择器,根据class属性值来定位元素 4. [attribute='value'] 根据属性来定位元素 5.element>element 根据元素层级来定位   父元素>子元素 例子: from s

selenium之元素定位-css

CSS定位方式和XPATH定位方式基本相同,只是CSS定位表达式有其自己的格式.CSS定位方式拥有比XPATH定位速度快,且比XPATH稳定的特性.下面详细介绍CSS定位方式的使用方法 被测网页的HTML代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> input.spread { Font-SIZ

selenium自动化测试之元素定位三(css定位)

1.1 CSS定位 1.1.1 绝对路径定位 目标 查找第一个文本为“猜猜看”的a标签 实现 CSS表达式 html>body>div>a[.=”猜猜看”] python表达式 driver.find_element_by_css_selector(‘html>body>div>a[.=”猜猜看”]’) 1.1.2 相对路径定位 目标 查找第一个文本为“猜猜看”的a标签 实现 CSS表达式 a[.=”猜猜看”] Python表达式 driver.find_element

CSS定位

一.属性定位(百度首页) 1.通过id定位:(#代表id) driver.find_element_by_css_selector("#kw").send_keys("selenium") 2.通过class定位:(.代表class) driver,find_element_by_css_selector(".s_ipt").send_keys("selenium") 3.通过标签定位:(不推荐) driver.find_el