Selenium 4 引入了关联元素定位策略（Relative Locators）。这种方式主要是应对一些不好定位的元素，但是其周边相关联的元素比较好定位。实现步骤是先定位周边较容易定位的元素，再根据关联元素定位策略定位到想定位的那个元素。如下以具体案例讲解用法。

以页面relative_locator1.html为例，用于后续测试用。渲染页面，如图所示。

Above模式

(资料图)

假定“输入用户名”input元素不好定位，而“输入密码”input元素容易定位，此时就可用relative locator的Above模式定位到“输入用户名”input元素。实现通过password input元素获取到username input元素，并且在username输入框输入字符“name1”。代码如下：

#大牛测试qq:2574674466

from selenium import webdriver

from selenium.webdriver.chrome.service import Service

from selenium.webdriver.common.by import By

from selenium.webdriver.support.relative_locator import locate_with

#这是在mac上执行的基于chrome浏览器上的测试，如下driver地址请根据实际情况进行修改。

chrome_driver_server = Service("/Users/xxx/Downloads/chromedriver")

driver  = webdriver.Chrome(service=chrome_driver_server)

#如下是打开本地文件，请根据实际地址进行改写

driver.get("file:///Users/jason118/PycharmProjects/selenium4.0-automation/Chapter4/relative_locator1.html")

#通过relative locator的above方式先获取到password input,然后再获取username input.

username_locator = locate_with(By.TAG_NAME,"input").above({By.ID: "id_pass"})

username = driver.find_element(username_locator)username.send_keys('name1')

Below模式

以上面html为例，假设“输入密码”input元素不好定位，而“输入用户名”input元素容易定位，则可利用relative locator的Below模式定位到“输入密码”input元素。实现通过username input元素获取到password input元素，并且在password输入框输入字符“password1”。代码如下：

password_locator = locate_with(By.TAG_NAME,"input").below({By.ID: "id_username"})password = driver.find_element(password_locator)password.send_keys('daniu')

Left of模式

以上面html页面为例，假设“取消”按钮不好定位，而右边的“登录”按钮较容易定位，则可用relative locator的Left of模式定位到“取消”按钮元素。代码如下。

cancel_locator = locate_with(By.TAG_NAME,"button").to_left_of({By.ID: "id_login"})cancel_element = driver.find_element(cancel_locator)#输出取消按钮print(cancel_element)

Right of模式

以上面html为例，假设“登录”按钮不好定位，而左边的“取消”按钮较容易定位，则可利用relative locator的Right of模式定位到“登录”按钮元素，代码如下。

#通过relative locator的Right of方式先获取到"取消"按钮,然后再获取"登录"按钮.

login_locator = locate_with(By.TAG_NAME,"button").to_right_of({By.ID: "id_cancel"}) 

Near模式

常用于某些元素与元素之间的相对关系不是很明显，如元素A并不是在元素B的正上方、正下方、正右边、正左边等，可采用Near模式，即在某元素的附近（方圆50px之内）也可被定位到。以上面html为例，如果要定位“输入用户名：”label元素，可以先定位username输入框元素，再使用Near模式定位到label标签，代码如下。

label_username_locator = locate_with(By.TAG_NAME,"label").near({By.ID: "id_username"})label_username_element = driver.find_element(label_username_locator)print(label_username_element) 

Chaining relative locators模式

Chaining relative locators模式。意思是目标元素的位置既满足在元素A的“Above”位置，又满足在元素B的“Right of” 位置。以上面html为例，假设“取消”按钮元素不好定位，可以利用这种模式进行定位，需满足“输入密码”label元素的“Below”位置，又满足“登录”按钮元素的“Left of”位置，代码如下。

cancel_button_locator = locate_with(By.TAG_NAME,"button").below({By.ID: "id_label2"}).to_left_of({By.ID: "id_login"})cancel_button_element = driver.find_element(cancel_button_locator)

#输出元素对象

print(cancel_button_element)