selenium万能选择器

本文章为转载文章，转自：https://www.cnblogs.com/yufeihlf/p/5717291.html?from=timeline

感觉这篇文章挺不错的，挺实用的，解决了我在做爬虫过程中遇到的选择器问题，就忍不住心动，转载过来了。

1.通过id定位元素
2.通过class_name定位元素
3.通过tag_name定位元素
4.通过name定位元素
5.通过link文字精确定位元素
6.通过link文字模糊定位元素
7.通过CSS定位元素
8.通过XPath定位元素
9.通过By定位元素
10.具体实例说明

以百度搜索输入框为例，具体说明各个定位方式的用法：

（通过chrome浏览器查看元素或者搜狐浏览器的firebug查看，即可看到html源码）

注意点：第三行的元素是灰色的，该元素是不可定位到的，下方会说明。

1 <span class="bg s_ipt_wr quickdelete-wrap">
2 <span class="soutu-btn"></span>
3 <input id="kw" class="s_ipt" autocomplete="off" maxlength="255" value="" name="wd">
4 <a id="quickdelete" class="quickdelete" href="javascript:;" title="清空" style="top: 0px; right: 0px; display: none;"></a>
5 </span>
6 <span class="bg s_btn_wr">
7 <input id="su" class="bg s_btn" type="submit" value="百度一下">
8 </span>

1.通过id定位元素

点击返回目录

如果id不是动态的，一个页面的id是唯一的。最简单的定位方式。

使用：find_element_by_id("id_vaule")

实例：find_element_by_id("kw")

注意点：有些id值是动态变化的，则不能使用该方法定位。如下：id就是动态的，每次进入页面，该id都会改变。

<label style="display: block;" id="auto-id-1469758879170" class="u-label f-dn">邮箱帐号或手机号</label>

2.通过class_name定位元素

点击返回目录

classname有可能重复哦。

使用：find_element_by_class_name("class_name_vaule")

实例：find_element_by_class_name("s_ipt")

3.通过tag_name定位元素

点击返回目录

标签名字最容易重复，不过，当定位一组数据时，可使用。

使用：find_element_by_tag_name("tag_name_vaule")

实例：find_element_by_tag_name("input")

注意点：当定位一组元素时：可勾选一组复选框。如下：

find_element_by_tag_name("input")

<body>
<h3>checkbox</h3>
<div class="well">
<form class="form-horizontal">

<div class="control-group">
<label class="control-label" for="c1">checkbox1</label>
<div class="controls">
<input type="checkbox" id="c1"/>
</div>
</div>

<div class="control-group">
<label class="control-label"for="c2">checkbox2</label>
<div class="controls">
<input type="checkbox"id="c2"/>
</div>
</div>

<div class="control-group">
<label class="control-label"for="c3">checkbox3</label>
<div class="controls">
<input type="checkbox"id="c3"/>
</div>
</div>

</form>
</div>

</body>

4.通过name定位元素

点击返回目录

name有可能会重复哦。

使用：find_element_by_name("name_vaule")

实例：find_element_by_name("wd")

5.通过link文字精确定位元素

点击返回目录

<a οnclick="return false;" class="lb" name="tj_login" href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">登录</a>
使用：find_element_by_link_text("text_vaule")

实例：find_element_by_link_text("登录")

6.通过link文字模糊定位元素

点击返回目录

使用：find_element_by_partial_link_text("部分text_vaule")

实例：find_element_by_partial_link_text("登")

7.通过CSS定位元素

点击返回目录

可查看我的另外一篇博文：w3school之CSS学习笔记学习css知识，更加有助于定位。

CSS（Cascading Style Sheets）是一种语言，它用来描述HTML和XML文档的表现。CSS可以较为灵活的选择控件的任意属性，一般情况下会比XPath快。且语法也比较简洁。

不过CSS对于初学者而言比较复杂。

使用：find_element_by_css_selector("CSS")

实例：

7.1通过id属性定位元素

#号表示通过id属性来定位元素

find_element_by_css_selector("#kw")

7.2通过class属性定位元素

.号表示通过class属性来定位元素

find_element_by_css_selector(".s_ipt")

7.3通过标签名定位元素

find_element_by_css_selector("input")

7.4通过属性定位元素（挺常用的）

find_element_by_css_selector("[name='wd']")

find_element_by_css_selector("[maxlength='255']")

属性值包含某个值

属性值包含wd：适用于由空格分隔的属性值。

find_element_by_css_selector("[name~='wd']")

7.5父子定位元素

查找有父亲元素的标签名为span，它的所有标签名叫input的子元素

find_element_by_css_selector("span>input")

7.6组合定位元素

标签名#id属性值：指的是该input标签下id属性为kw的元素

find_element_by_css_selector("input#kw")

标签名.class属性值：指的是该input标签下class属性为s_ipt的元素

find_element_by_css_selector("input.s_ipt")

标签名[属性=’属性值‘]：指的是该input标签下name属性为wd的元素

find_element_by_css_selector("input[name='wd']")

父元素标签名>标签名.class属性值：指的是span下的input标签下class属性为s_ipt的元素

find_element_by_css_selector("span>input.s_ipt")

多个属性组合定位元素（挺常用的）

指的是input标签下id属性为kw且name属性为wd的元素

find_element_by_css_selector("input.s_ipt[name='wd']")

指的是input标签下name属性为wd且maxlength为255的元素

find_element_by_css_selector("input[name='wd'][maxlength='255']")

比较复杂的CSS定位可查看

http://www.360doc.com/content/13/1105/10/11675837_326750173.shtml

http://www.360doc.com/content/13/1105/10/11675837_326750240.shtml

比较懒惰的方法：

使用搜狐浏览器的firebug工具，复制CSS路径，不过这种方式对层级要求高，到时候自己再修改下。

8.通过XPath定位元素

点击返回目录

XPath是一种XML文档中定位元素的语言。该定位方式也是比较常用的定位方式。

使用：find_element_by_xpath("XPath")

实例：

8.1通过属性定位元素

find_element_by_xpath("//标签名[@属性='属性值']")

id属性：

find_element_by_xpath("//input[@id='kw']")

class属性：

find_element_by_xpath("//input[@class='s_ipt']")

name属性：

find_element_by_xpath("//input[@name='wd']")

maxlength属性：

find_element_by_xpath("//input[@maxlength='255']")

8.2通过标签名定位元素

指所有input标签元素

find_element_by_xpath("//input")

8.3父子定位元素

查找有父亲元素的标签名为span，它的所有标签名叫input的子元素

find_element_by_xpath("//span/input")

8.4根据元素内容定位元素（非常实用）

find_element_by_xpath("//p[contains(text(),'京公网')]")

<p id="jgwab">
<i class="c-icon-jgwablogo"></i>
京公网安备11000002000001号
</p>
注：contains的另一种用法

//input[contains(@class,'s')]

说明class属性包含s的元素。

8.5组合定位元素

//父元素标签名/标签名的属性值：指的是span下的input标签下class属性为s_ipt的元素

find_element_by_xpath("//span/input[@class='s_ipt']")

多个属性组合定位（挺常用的）

指的是input标签下id属性为kw且name属性为wd的元素

find_element_by_xpath("//input[@class='s_ipt' and @name='wd']")

指的是p标签下内容包含“京公网”且id属性为jgwab的元素

find_element_by_xpath("//p[contains(text(),'京公网') and @id='jgwab']")

比较懒惰的方法：

使用搜狐浏览器的firebug工具，复制XPath路径，不过这种方式对层级要求高，到时候自己再修改下。

9.通过By定位元素

点击返回目录

使用：find_element(定位的类型，具体定位方式)

定位的类型包括By.ID,By.NAME,By.CLASS_NAME,By.TAG_NAME,By.LINK_TEXT,By.PARTIAL_LINK_TEXT,By.XPATH,By.CSS_SELECTOR

具体定位方式参考上方1-8的说明。

实例：find_element(By.ID,'kw')

注意：使用By定位方式，需先导入By类。

from selenium.webdriver.common.by import By

10.具体实例说明

点击返回目录

下方例子是登陆126邮件，然后发送邮件。

1 # coding=utf-8
2 '''
3 Created on 2016-7-27
4 @author: Jennifer
5 Project:发送邮件
6 '''
7 from selenium import webdriver
8 import time
9
10 from test_5_2_public import Login #由于公共模块文件命名为test_5_2_public
11 driver=webdriver.Firefox()
12 driver.implicitly_wait(30)
13 driver.get(r'http://www.126.com/') #字符串加r，防止转义。
14 time.sleep(3)
15 driver.switch_to.frame('x-URS-iframe')
16 #调用登录模块
17 Login().user_login(driver)
18 time.sleep(10)
19 #发送邮件
20 #点击发件箱
21 #_mail_component_61_61是动态id，所以不能用于定位
22 #driver.find_element_by_css_selector('#_mail_component_61_61>span.oz0').click()
23 #不能加u"//span[contains(text(),u'写信')]"，否则定位不到。
24 #以下定位是查找span标签有个文本（text）包含（contains）'写信' 的元素，该定位方法重要
25 driver.find_element_by_xpath("//span[contains(text(),'写信')]").click()
26 #填写收件人
27 #driver.find_element_by_class_name('nui-editableAddr-ipt').send_keys(r'xxx@doov.com.cn')
28 driver.find_element_by_class_name('nui-editableAddr-ipt').send_keys(r'xxx@163.com')
29 #填写主题
30 #通过and连接更多的属性来唯一地标志一个元素
31 driver.find_element_by_xpath("//input[@class='nui-ipt-input' and @maxlength='256']").send_keys(u'自动化测试')
32 #填写正文
33 #通过switch_to_frame()将当前定位切换到frame/iframe表单的内嵌页面中
34 driver.switch_to_frame(driver.find_element_by_class_name('APP-editor-iframe'))
35 #在内嵌页面中定位邮件内容位置
36 emailcontext=driver.find_element_by_class_name('nui-scroll')
37 #填写邮件内容
38 emailcontext.send_keys(u'这是第一封自动化测试邮件')
39 #通过switch_to().default_content()跳回最外层的页面
40 #注：不要写成switch_to().default_content(),否则报AttributeError: SwitchTo instance has no __call__ method
41 driver.switch_to.default_content()
42 #driver.switch_to.parent_frame()
43 #点击发送
44 time.sleep(3)
45 #有可能存在元素不可见（查看元素是灰色的），会报ElementNotVisibleException错误
46 #包含发送二字的元素很多，所以还得再加上其他限制
47 #sendemails=driver.find_element_by_xpath("//span[contains(text(),'发送')]")
48 sendemails=driver.find_element_by_xpath("//span[contains(text(),'发送') and @class='nui-btn-text']")
49 time.sleep(3)
50
51 #校验邮件是否发送成功
52 try:
53 assert '发送成功' in driver.page_source
54 except AssertionError:
55 print '邮件发送成功'
56 else:
57 print '邮件发送失败'
58
59 #调用退出模块
60 Login().user_logout(driver)

元素定位说明：
1.代码22行，定位不到是因为id是动态的，所以需采取其他方式定位元素。

2.代码25行，是根据元素内容来定位的，具体用法详看8.4.

3.代码28行，是根据class名来定位元素的，由于该值在该页面上是唯一的，所以可以用它来定位。

4.代码31行，是使用逻辑运算符and连接更多的属性从而唯一的标志一个元素，具体用法详看8.5.

5.代码34行，由于使用内嵌的iframe框架，所以需要先使用switch_to_frame()移到该表单上，才能定位该表单上的元素，非常重要，否则无论怎么定位都会报“NoSuchElementException”，找不到该元素。

6.代码41行，跳出iframe框架，当框架内的动作操作完毕后，需要使用switch_to.default_content跳出iframe框架,非常重要。

7.代码47行，由于内容包括“发送”的元素中包含不可见元素（html查看元素可以看到此行是灰色的），这样有可能定位到不可见元素，会报“ElementNotVisibleException”。

8.代码48行，是使用逻辑运算符and连接更多的属性从而唯一的标志一个元素，具体用法详看8.5.这样可以排除掉那个不可见元素。

selenium万能选择器相关推荐

1月11日学习内容整理：请求库selenium之选择器，等待元素被加载
首先引入: from selenium import webdriver from selenium.webdriver import ActionChains from selenium.webdr ...
[Selenium] CSS3 选择器
http://www.cnblogs.com/MasterMonkInTemple/category/564552.html 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. " ...
在Python中用Selenium执行JavaScript
Selenium自己不带浏览器, 需要与第三方浏览器结合在一起使用.例如在Firefox上运行Selenium. PhantomJS是一个"无头"浏览器. 它会把网站加载到内存并执 ...
SeleniumCSS选择器
1.什么是Selenium CSS选择器? (1. What is Selenium CSS Selector?) It is one of the locators in selenium usin ...
web自动化测试理论之selenium八大定位 -（2）
web自动化测试理论之selenium八大定位一.ID定位概念:通过元素的id属性来定位元素. 前置:所要定位的元素必须有id属性方法:driver.find_element_by_id(id属 ...
selenium自动化工具（一）
Selenium 的使用文章预览: Selenium 的使用 1. 准备工作 2. 声明浏览器对象 3. 基本使用 4. 初始化配置 5. 查找节点 5.1 单个节点 5.2 多个节点 6. 节点交 ...
css选择器自定义属性_使用CSS选择器和自定义属性升级项目
css选择器自定义属性 This article was originally published by TestProject. Thank you for supporting the part ...
我的 Python 全栈开发自学笔记
学习 Python 虽然不一定能直接带来好的工作机会,但如果你想在工作中快速提升自己能力以及工作效率,那么建议一定要学习 Python. 我是一个 Python 爱好者,在过去的七年里,我把自己在学习 ...
jQuery编程规范与最佳实践（附带一些个人的笔记）
加载jQuery-Loading jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地 ...
使用Beautiful Soup和lxml轻松搞掂网页数据爬取
其实这类文章很多了,但还是简要记录一下. 三个黄金搭档:Beautiful Soup.lxml和requests Python标准库: BeautifulSoup(markup, 'html.pars ...

selenium万能选择器

selenium万能选择器相关推荐

最新文章

热门文章