- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章Python selenium 父子、兄弟、相邻节点定位方式详解由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
今天跟大家分享下selenium中根据父子、兄弟、相邻节点定位的方法,很多人在实际应用中会遇到想定位的节点无法直接定位,需要通过附近节点来相对定位的问题,但从父节点定位子节点容易,从子节点定位父节点、定位一个节点的哥哥节点就一筹莫展了,别急,且看博主一步步讲解.
1. 由父节点定位子节点 。
最简单的肯定就是由父节点定位子节点了,我们有很多方法可以定位,下面上个例子:
对以下代码:
1
2
3
4
5
6
7
8
9
10
|
<html>
<body>
<div
id
=
"A"
>
<!
-
-
父节点定位子节点
-
-
>
<div
id
=
"B"
>
<div>parent to child<
/
div>
<
/
div>
<
/
div>
<
/
body>
<
/
html>
|
想要根据 B节点 定位无id的子节点,代码示例如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
# -*- coding: utf-8 -*-
from
selenium
import
webdriver
driver
=
webdriver.Firefox()
driver.get(
'D:\\py\\AutoTestFramework\\src\\others\\test.html'
)
# 1.串联寻找
print
driver.find_element_by_id(
'B'
).find_element_by_tag_name(
'div'
).text
# 2.xpath父子关系寻找
print
driver.find_element_by_xpath(
"//div[@id='B']/div"
).text
# 3.css selector父子关系寻找
print
driver.find_element_by_css_selector(
'div#B>div'
).text
# 4.css selector nth-child
print
driver.find_element_by_css_selector(
'div#B div:nth-child(1)'
).text
# 5.css selector nth-of-type
print
driver.find_element_by_css_selector(
'div#B div:nth-of-type(1)'
).text
# 6.xpath轴 child
print
driver.find_element_by_xpath(
"//div[@id='B']/child::div"
).text
driver.quit()
|
结果:
parent to child parent to child parent to child parent to child parent to child parent to child 。
第1到第3都是我们熟悉的方法,便不再多言。第4种方法用到了css选择器:nth-child(n),该选择器返回第n个节点,该节点为div标签;第5种方法用到了另一个css选择器: nth-of-type(n),该选择器返回第n个div标签,注意与上一个选择器的区别;第6种方法用到了xpath轴 child,这个是xpath默认的轴,可以忽略不写,其实质是跟方法2一样的.
当然,css中还有一些选择器是可以选择父子关系的如last-child、nth-last-child等,感兴趣可以自行百度,有机会博主会讲讲css selector.
2. 由子节点定位父节点 。
由子节点想要定位到父节点就有点难度了,对以下代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<html>
<body>
<div
id
=
"A"
>
<!
-
-
子节点定位父节点
-
-
>
<div>
<div>child to parent
<div>
<div
id
=
"C"
><
/
div>
<
/
div>
<
/
div>
<
/
div>
<
/
div>
<
/
body>
<
/
html>
|
我们想要由 C节点 定位其两层父节点的div,示例代码如下:
1
2
3
4
5
6
7
8
9
|
# -*- coding: utf-8 -*-
from
selenium
import
webdriver
driver
=
webdriver.Firefox()
driver.get(
'D:\\py\\AutoTestFramework\\src\\others\\test.html'
)
# 1.xpath: `.`代表当前节点; '..'代表父节点
print
driver.find_element_by_xpath(
"//div[@id='C']/../.."
).text
# 2.xpath轴 parent
print
driver.find_element_by_xpath(
"//div[@id='C']/parent::*/parent::div"
).text
driver.quit()
|
结果:
child to parent child to parent 。
这里我们有两种办法,第1种是 .. 的形式,就像我们知道的,. 表示当前节点,.. 表示父节点;第2种办法跟上面一样,是xpath轴中的一个:parent,取当前节点的父节点。这里也是css selector的一个痛点,因为css的设计不允许有能够获取父节点的办法(至少目前没有) 。
3. 由弟弟节点定位哥哥节点 。
这是第3、第4种情况,我们这里要定位的是兄弟节点了。如以下源码:
1
2
3
4
5
6
7
8
9
10
|
<html>
<body>
<div
id
=
"A"
>
<!
-
-
下面两个节点用于兄弟节点定位
-
-
>
<div>brother
1
<
/
div>
<div
id
=
"D"
><
/
div>
<div>brother
2
<
/
div>
<
/
div>
<
/
body>
<
/
html>
|
怎么通过 D节点 定位其哥哥节点呢?看代码示例:
1
2
3
4
5
6
7
8
9
|
# -*- coding: utf-8 -*-
from
selenium
import
webdriver
driver
=
webdriver.Firefox()
driver.get(
'D:\\Code\\py\\AutoTestFramework\\src\\others\\test.html'
)
# 1.xpath,通过父节点获取其哥哥节点
print
driver.find_element_by_xpath(
"//div[@id='D']/../div[1]"
).text
# 2.xpath轴 preceding-sibling
print
driver.find_element_by_xpath(
"//div[@id='D']/preceding-sibling::div[1]"
).text
driver.quit()
|
结果 。
brother 1 brother 1 。
这里博主也列举了两种方法,一种是通过该节点的父节点来获得哥哥节点,另外一种比较优雅,是通过 xpath轴:preceding-sibling,其能够获取当前节点的所有同级哥哥节点,注意括号里的标号,1 代表着离当前节点最近的一个哥哥节点,数字越大表示离当前节点越远,当然,xpath轴:preceding也可以,但是使用起来比较复杂,它获取到的是该节点之前的所有非祖先节点(这里不太好解释,改天专门写篇博文讲解下所有的轴) 。
4. 由哥哥节点定位弟弟节点 。
源码与 3 一致,要想通过 D节点 定位其弟弟节点,看代码示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
# -*- coding: utf-8 -*-
from
selenium
import
webdriver
driver
=
webdriver.Firefox()
driver.get(
'D:\\Code\\py\\AutoTestFramework\\src\\others\\test.html'
)
# 1.xpath,通过父节点获取其弟弟节点
print
driver.find_element_by_xpath(
"//div[@id='D']/../div[3]"
).text
# 2.xpath轴 following-sibling
print
driver.find_element_by_xpath(
"//div[@id='D']/following-sibling::div[1]"
).text
# 3.xpath轴 following
print
driver.find_element_by_xpath(
"//div[@id='D']/following::*"
).text
# 4.css selector +
print
driver.find_element_by_css_selector(
'div#D + div'
).text
# 5.css selector ~
print
driver.find_element_by_css_selector(
'div#D ~ div'
).text
driver.quit()
|
结果:
brother 2 brother 2 brother 2 brother 2 brother 2 。
博主分享了五种方法定位其弟弟节点,上面三种是用xpath,第一种很好理解,第二种用到了xpath轴:following-sibling,跟preceding-sibling类似,它的作用是获取当前节点的所有同级弟弟节点,同样,1 代表离当前节点最近的一个弟弟节点,数字越大表示离当前节点越远;第三种用到了xpath轴:following,获取到该节点之后所有节点,除了祖先节点(跟preceding方向相反,但因为往下顺序容易读,不容易出错,所以也是可以用来获取弟弟节点的,但也不建议这么使用);第4、第五种,我们用到了css selector,+ 和 ~ 的区别是: + 表示紧跟在当前节点之后的div节点,~ 表示当前节点之后的div节点,如果用find_elements,则可获取到一组div节点.
以上所述是小编给大家介绍的Python selenium 父子、兄弟、相邻节点定位方式详解的全部叙述,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对我网站的支持! 。
原文链接:http://blog.csdn.net/huilan_same/article/details/52541680 。
最后此篇关于Python selenium 父子、兄弟、相邻节点定位方式详解的文章就讲到这里了,如果你想了解更多关于Python selenium 父子、兄弟、相邻节点定位方式详解的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我想在数组中找到连接(相邻)的元素。 例如,在数组中: [1,2,3,4,5] 要访问所有 2 个连通元素,输出将为: 1,2 2,3 3,4 4,5 要访问所有 3 个连通元素,输出将为 1,2,3
我有三个 Sprite ,彼此堆叠在一起。 我修改了他们的 transform.matrix 以给出他们一致增长的外观。 但是,根据比例因子,瓷砖之间有时会出现小裂缝。 cracks between
我正在阅读有关 Margin Collapsing 的文章,我遇到了这个:margin Adjacent siblings The margins of adjacent siblings are c
float div 的框阴影被其右侧的邻居截断,但左侧未截断。 我玩过 z-index 和 overflow: visible,但没有用。 HTML: CSS: .doc-page {
我有多个元素说卡片。这些卡片需要水平堆叠并且高度需要相同。这正在发生在我身上。 每张卡片都有图像、文本和按钮。每张卡片的图像和文本应采用任何卡片中的最大高度,以便它们正确对齐。这不会发生在我身上。 如
我有这个 GUI 我使用了 GridBagLayout,但我不知道为什么 Plain Bread 复选框与其相应的标签之间有很大的间距。 而且,我尝试仅增加按钮沿 x 轴的间距,但尽管重置了插图,但沿
在过去,我已经为自定义元素符号使用了数百次列表项背景图像,但不知何故从未遇到过这个问题。 基本上,我有一个 IMG float 在无序列表的左侧。元素符号背景图像设置在每个 LI 的左上角。但是, f
我正在使用 Bootstrap 框架并使用 2 列网格。 html 内容有标题、链接、副标题和文本。这增加了该列的高度。我希望它旁边的列与其高度匹配(以便图像显示)没有设置高度图像不显
我有一个 php 代码可以生成数百个 和 标签。我的问题如下,我有以下内容: X X 我想要第二个的边框颜色更重要,以便共享边框显示为灰色而不是黑色。我可以在第二个 td 中使用重要性或继承标签吗?
Place holder for Radio1 Place holder for Radio2 在此,我只想要 与相应的单选按钮相关联是可见的,但是...... * { visibilit
我正在尝试在 html 中实现以下布局。更大的 div 1。然后是它旁边的另一个 div,顶部有一个边距。如果我给 float: left 给第一个 div,给第二个 div margin-top 也
假设我有 2 个名为 IN 和 MASK 的二进制输入。实际字段大小可能是 32 到 256 位,具体取决于用于完成任务的指令集。两个输入都会改变每次调用。 Inputs: IN = ...110
我想知道是否有一种简洁/一行的方法来执行以下操作: pack :: [a] -> [(a, a)] pack [] = [] pack [_] = [] pack (x:y:xs
下面的代码分为两部分,一部分处理头部的管理,另一部分处理“主体”,当我执行代码时引发下面的异常,我该如何解决该错误?我不知道下面的错误是什么原因造成的,错误是在react的解析上 错误: Line
http://imgur.com/a/DA5i4 在上面的两张图片中你可以看到我有一个主容器,里面装满了 3 个较小的 div,一个大的在中间,两个瘦的在两边,但是右边直到中间的 div 下面才开始。
正如我在标题中解释的所有内容,然后我将只为你们提供我现在拥有的代码,我一直在努力实现我想要的东西很长时间但没有运气......它表现得像响应式的,但即使调整大小我也想将其保持在原位...截图
我编写了一个 jquery 插件,它使用 Flot 将 HTML 表格转换为图表。 HTML 是从 XSLT 生成的,在 XSLT 中我有以下代码来调用我的插件。此代码尝试在 blah1 和 blah
我正在尝试实现这样的布局。 aaa xxxxxx oooo aaa xxxxxx oooo xxxxxx xxxxxx bbb xxxxxx cccc bbb xxxxxx cc
在包含网格的 2 个 div 上使用内联 css 显示不起作用 最佳答案 为您的 div 指定宽度并根据您的要求使用“float: left”或“right”。不要对 div 使用“内联” 例如 CS
我将 MVC 项目中的一些代码返回到网页。我无法用撇号解决问题,当我的电话看起来像这样时,我如何忽略它 document.getElementById('some').insertAdjacentHT
我是一名优秀的程序员,十分优秀!