selenium3 + python - css定位
一、css:属性定位
1.css可以通过元素的id、class、标签这三个常规属性直接定位到
2.如下是百度输入框的的html代码:
<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>
3.css用#号表示id属性,如:#kw
4.css用.表示class属性,如:.s_ipt
5.css直接用标签名称,无任何标示符,如:input
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
#用css通过id属性定位
driver.find_element_by_css_selector("#kw").send_keys("selenium")
#用css通过class属性定位
driver.find_element_by_css_selector(".s_ipt").send_keys("selenium")
二、css:其它属性
1.css除了可以通过标签、class、id这三个常规属性定位外,也可以通过其它属性定位
2.以下是定位其它属性的格式
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
#用css通过autocomplete属性定位
driver.find_element_by_css_selector("[autocomplete='off']").send_keys("selenium")
#用css通过name属性定位
driver.find_element_by_css_selector("[name='wd']").send_keys("selenium")
#用css通过type属性定位
driver.find_element_by_css_selector("[type='text']").send_keys("selenium")
三、css:标签
1.css页可以通过标签与属性的组合来定位元素
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
#用css通过标签与name属性定位
driver.find_element_by_css_selector("input.wd").send_keys("selenium")
#用css通过标签与id属性定位
driver.find_element_by_css_selector("inout#kw").send_keys("selenium")
四、css:层级关系
1.如xpath://form[@id='form']/span/input 和 //form[@class='fm']/span/input也可以用css实现
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
#css通过层级关系定位
driver.find_element_by_xpath("span#s_kw_wrap>input").send_keys("selenium")
driver.find_element_by_xpath("form.fm>span>input").send_keys("selenium")
五、css:索引
1.css也可以通过索引option:nth-child(1)来定位子元素,这点与xpath写法用很大差异,其实很好理解,直接翻译过来就是第几个小孩
#选择第一个option
driver.find_element_by_css_selector("select#nr>option:nth-child(1)").click()
#选择第二个option
driver.find_element_by_css_selector("select#nr>option:nth-child(2)").click()
#选择第三个option
driver.find_element_by_css_selector("select#nr>option:nth-child(3)").click()
1.css同样也可以实现逻辑运算,同时匹配两个属性,这里跟xpath不一样,无需写and关键字
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://www.baidu.com")
driver.find_element_by_css_selector("input[id='kw'][name='wd']").send_keys("selenium") 七、css:模糊匹配
1.css的模糊匹配contains('xxx'),网上虽然用各种资料显示能用,但是小编亲自试验了下,一直报错。
2.在各种百度后找到了答案:you can't do this with CSS selectors, because there is no such thing as:contains() in CSS. It was a proposal that was abandoned years ago.非常遗憾,这个语法已经被抛弃了,所以这里就没继续研究了。
css语法远远不止上面提到的,还有更多更强大定位策略,有兴趣的可以继续深入研究。官方说法,css定位更快,语法更简洁,但是xpath更直观,更好理解一些。
最新文章
- STL string的构造函数
- ul和dl的区别
- 【转】windows消息和消息队列详解
- delphi cxgrid 使用方法
- StringBuffer与StringBuilder有什么区别
- IOS中对象的归档
- php使用mysql_query查询超大结果集超内存的解决方法
- 基本排序算法:Python实现
- EasyUI TextBox的keypress
- java MD5 加密
- 用sql server的sql语句算一个empty GUID
- 并发编程(五):CAS
- PHP处理XML文档,没有CDATA部分数据处理
- The 2018 ACM-ICPC Asia Qingdao Regional Contest(部分题解)
- 去重分页sql语句
- HDU--1540 Tunnel Warfare(线段树区间更新)
- 既然写CSS很容易,那为什么大家还是把CSS写的那么烂呢?
- loj#2076. 「JSOI2016」炸弹攻击 模拟退火
- Mac下Maven安装与配置
- android中XRecyclerView控件的使用
热门文章
- sql的四种连接方式
- API开发管理平台eoLinker AMS 4.1版本发布:加入聚合空间,发布AMS专业版等
- 类 Fabric 主机管理程序开发
- 最小生成树算法Kruskal详解
- python数字取反~
- 标准C 语言总结
- Django REST framework 分页
- 用Twebbrowser做可控编辑器与MSHTML
- 【CodeCraft-19 and Codeforces Round #537 (Div. 2) C】Creative Snap
- Codeforces Round #412 (Div. 2)ABCD