Python selenium 父子、兄弟、相邻节点定位方式详解

Python selenium 父子、兄弟、相邻节点定位方式详解

在使用 Python selenium 进行网页自动化测试时，节点定位是一个非常重要的问题。本文将详细介绍如何使用父子、兄弟、相邻节点定位方式在 Python selenium 中找到所需节点。

父子节点定位

1. 直接父子节点定位

在 HTML 中，子节点是通过嵌套（即包含）的方式进行表示，这里使用 ' > ' 符号代表直接父子节点。

例如，HTML 代码为：

<div class='parent' id='parent'>
   <div class='child' id='child'>Hello World!</div>
</div>

如果想要定位子节点，可以使用以下代码：

child_element = driver.find_element_by_css_selector('#parent > #child')

其中，'#parent > #child' 代表父节点的 ID 为 'parent'，子节点的 ID 为 'child'。

2. 祖先后代节点定位

与直接父子节点定位不同，如果你希望通过祖先来查询某个子节点，可以使用空格符（' '）。

例如，要查询 'child' 节点，可以使用以下代码：

child_element = driver.find_element_by_css_selector('#parent #child')

使用空格符时，'#parent #child' 表示要查询 'parent' 节点的所有后代节点中的 'child' 节点。

兄弟节点定位

在 HTML 中，兄弟节点是处于相同父节点下的节点，而它们的顺序则是由它们在 HTML 页面上出现的顺序决定的。

1. 相邻兄弟节点定位

要获取元素的相邻兄弟节点，可以使用 '+' 符号。

例如，假设 HTML 代码如下：

<div class='parent' id='parent'>
   <div class='sibling' id='sibling_1'>Sibling 1</div>
   <div class='sibling' id='sibling_2'>Sibling 2</div>
   <div class='sibling' id='sibling_3'>Sibling 3</div>
</div>

若要获取 ID 为 'sibling_2' 的相邻兄弟节点，可以使用以下代码：

sibling_element = driver.find_element_by_css_selector('#sibling_1 + #sibling_2')

其中，'+ #sibling_2' 表示相邻兄弟节点。

2. 兄弟节点组合定位

在 HTML 中，兄弟节点之间使用 ',' 符号作为分隔符，可以组合查询兄弟节点。

例如，假设 HTML 代码如下：

<div class='parent' id='parent'>
   <div class='sibling' id='sibling_1'>Sibling 1</div>
   <div class='sibling' id='sibling_2'>Sibling 2</div>
   <div class='sibling' id='sibling_3'>Sibling 3</div>
</div>

若要获取 ID 为 'sibling_1' 和 'sibling_3' 的兄弟节点，可以使用以下代码：

sibling_elements = driver.find_elements_by_css_selector('#sibling_1, #sibling_3')

其中，'#sibling_1, #sibling_3' 表示要获取 ID 分别为 'sibling_1' 和 'sibling_3' 的兄弟节点。

相邻节点定位

1. 相邻节点定位

元素的相邻节点是指位于同一父节点下的前一个（previous）或后一个（next）节点。

例如，假设 HTML 代码如下：

<div class='parent' id='parent'>
   <div class='node_1' id='node_1'>This is node 1.</div>
   <div class='node_2' id='node_2'>This is node 2.</div>
   <div class='node_3' id='node_3'>This is node 3.</div>
</div>

要获取 ID 为 'node_2' 的前一个节点，可以使用以下代码：

previous_node = driver.find_element_by_css_selector('#node_2 + #node_1')

其中，'+ #node_1' 表示前一个节点。

2. 相邻节点组合定位

若要查询前面的多个兄弟节点，可以通过逐个指定前一个节点：

previous_nodes = driver.find_elements_by_css_selector('#node_2 + #node_1, #node_1')

这个例子中，'#node_2 + #node_1, #node_1' 表示取相邻节点前一个和前前一个。

以上就是 Python selenium 中父子、兄弟、相邻节点定位方式的详细介绍，如果您能够熟练地掌握这些常用的节点定位方式，将会对您的自动化测试工作有很大帮助。