当前位置： 首页 > article >正文

Selenium的八种定位方式

article 2024/11/22 21:32:13

1. 通过 ID 定位

ID 是最直接和高效的方式来定位元素，因为每个页面中的 ID 应该是唯一的。

from selenium import webdriver

driver = webdriver.Chrome(executable_path='path/to/chromedriver')
driver.get('https://example.com')

# 通过 ID 定位
element = driver.find_element(by=By.ID, value='element_id')
print(element.text)

2. 通过 Name 定位

Name 属性也可以用来定位元素，特别是在表单中非常有用。

# 通过 Name 定位
element = driver.find_element(by=By.NAME, value='element_name')
print(element.text)

3. 通过 Class Name 定位

Class 名称通常用于样式和脚本中，也可以用来定位元素。注意，一个页面中可能有多个元素共享同一个 class 名称。

# 通过 Class Name 定位
element = driver.find_element(by=By.CLASS_NAME, value='element_class')
print(element.text)

4. 通过 Tag Name 定位

Tag Name 可以用来定位特定类型的 HTML 元素。

# 通过 Tag Name 定位
element = driver.find_element(by=By.TAG_NAME, value='div')
print(element.text)

5. 通过 Link Text 定位

Link Text 用于定位包含特定文本的链接。

# 通过 Link Text 定位
element = driver.find_element(by=By.LINK_TEXT, value='Link Text')
print(element.text)

6. 通过 Partial Link Text 定位

Partial Link Text 用于定位包含部分特定文本的链接。

# 通过 Partial Link Text 定位
element = driver.find_element(by=By.PARTIAL_LINK_TEXT, value='Part of Link Text')
print(element.text)

7. 通过 XPath 定位

XPath 是一种强大的定位方式，可以用来定位页面上的任何元素，特别是当其他方法不够灵活时。

# 通过 XPath 定位
element = driver.find_element(by=By.XPATH, value='//input[@id="element_id"]')
print(element.text)

8. 通过 CSS Selector 定位

CSS 选择器是一种非常灵活的方式，可以用来定位页面上的任何元素。

# 通过 CSS Selector 定位
element = driver.find_element(by=By.CSS_SELECTOR, value='#element_id')
print(element.text)

9.注意事项

  • 多元素定位：上述方法都返回单个元素。如果你想找到所有匹配的元素，可以使用 find_elements 方法。
  • 等待时间：有时候页面加载较慢，元素可能还没有完全加载出来。在这种情况下，可以使用显式等待或隐式等待来确保元素已经准备好。

1--显式等待示例

 
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 显式等待直到某个条件满足
element = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, 'element_id'))
)
print(element.text)

2--隐式等待示例

# 设置隐式等待时间
driver.implicitly_wait(10)  # 单位为秒

# 然后继续你的操作
element = driver.find_element(by=By.ID, value='element_id')
print(element.text)

 

 

10.定位的简单使用

# 元素定位
import time

from selenium import webdriver
from selenium.webdriver.common.by import By

# 获取浏览器实例
# 获取谷歌浏览器的驱动
webObj = webdriver.Edge()

baiDuUrl ="https://www.baidu.com/"
# 打开百度
webObj.get(baiDuUrl)

time.sleep(5)

# 通过id定位
findElementById = webObj.find_element(By.ID, "kw")

print("获取元素的父元素")
print(findElementById.parent)

# 通过CSS选择器定位
# 使用class选择器
findELementByCssSelectorClass =  webObj.find_element(By.CSS_SELECTOR,".s-p-top")
# 获取元素的位置
print("获取元素的位置信息")
print(findELementByCssSelectorClass.location)
#  使用id选择器
fintELementByCssSelectId = webObj.find_element(By.CSS_SELECTOR,"#result_logo")
# 获取元素的文本
print(fintELementByCssSelectId.text)


# 通过name定位‘
# 使用name属性定位
findElementByName = webObj.find_element(By.NAME,"tn")
# 输入元素的文本
print(findElementByName.text)


# 通过class定位
# 使用 class和findElements获取元素
findElementByClasss = webObj.find_elements(By.CLASS_NAME,"rsv_pq")
# 循环遍历输出这些元素
print("-----------------------------------------")
for element in findElementByClasss:
    print(element.text)

print("-----------------------------------------")


# 使用Link Text定位
# LinkText这个是精准定位
print("# LinkText这个是模糊定位")
settingInfo =  webObj.find_element(By.LINK_TEXT,"新闻")
print("获取元素的文本信息",settingInfo.text)
# 使用PartialLinkText定位
print("# PartialLinkText这个是模糊定位")
settingInfo2 = webObj.find_element(By.PARTIAL_LINK_TEXT,"贴")
print("获取元素的文本信息",settingInfo2.text)


# 通过xpath定位
# 使用class定位
print("使用xpath定位百度的换一换")
findElementByXpath = webObj.find_element(By.XPATH, "//*[@id='hotsearch-refresh-btn']/span")
print("获取元素的文本信息",findElementByXpath.text)

time.sleep(10)

 

效果图

bc605ccf98884a1498abb6b845c65c26.png

2e3fff3dc3e74ab9928b2ca773189cd9.png

11.xpath的语法

基本语法

  1. 1--绝对路径：从根节点开始，使用 /。

    /html/body/div

  2. 2--相对路径：从当前节点开始，使用 //。

    //div

节点选择

  1. 1--选择特定标签名的节点：

    //tag_name

  2. 2--选择具有特定属性的节点：

    //tag_name[@attribute_name='value']

  3. 3--选择具有多个属性的节点：

    //tag_name[@attribute_name1='value1' and @attribute_name2='value2']

  4. 4--选择包含特定文本的节点：

    //tag_name[text()='text_value']

  5. 5--选择包含部分文本的节点：

    //tag_name[contains(text(), 'partial_text')]

  6. 6--选择包含部分属性值的节点：

    //tag_name[contains(@attribute_name, 'partial_value')]

节点轴

  1. 1--选择子节点：

    //parent_tag/child_tag

  2. 2--选择任意后代节点：

    //ancestor_tag//descendant_tag

  3. 3--选择父节点：

    //child_tag/..

  4. 4--选择兄弟节点：

    • 1----下一个兄弟节点：

      //current_tag/following-sibling::next_tag

    • 2----上一个兄弟节点：

      //current_tag/preceding-sibling::prev_tag

节点位置

  1. 1--选择第一个节点：

    //tag_name[1]

  2. 2--选择最后一个节点：

    //tag_name[last()]

  3. 3--选择倒数第二个节点：

    //tag_name[last()-1]

  4. 4--选择前两个节点：

    //tag_name[position() <= 2]

  5. 5--选择奇数位置的节点：

    //tag_name[position() mod 2 = 1]

组合表达式

  1. 1--选择多个条件的节点：

    //tag_name[@attribute_name='value1' or @attribute_name='value2']

  2. 2--选择多个路径的节点：

    //tag_name1 | //tag_name2

示例

假设我们有一个简单的 HTML 页面：

<!DOCTYPE html>
<html>
<head>
    <title>Example Page</title>
</head>
<body>
    <h1>Welcome to Example Page</h1>
    <p id="intro">This is an example paragraph.</p>
    <form>
        <label for="username">Username:</label>
        <input type="text" id="username" name="username">
        <label for="password">Password:</label>
        <input type="password" id="password" name="password">
        <button type="submit">Login</button>
    </form>
</body>
</html>

常见 XPath 表达式示例

  1. 1--通过 ID 定位：

    //*[@id='username']

  2. 2--通过标签名和属性定位：

    //input[@type='text']

  3. 3--通过标签名和多个属性定位：

    //input[@type='text' and @name='username']

  4. 4--通过文本内容定位：

    //button[text()='Login']

  5. 5--通过包含部分文本的属性定位：

    //input[contains(@name, 'user')]

  6. 6--通过父节点定位子节点：

    //form/input[@name='username']

  7. 7--通过索引定位：

    //form/input[1]

  8. 8--通过任意层级的后代节点定位：

    //form//input[@name='password']

 

 

12.css选择器定位

基本语法

  1. 1--选择特定标签名的节点：

    tag_name

  2. 2--选择具有特定类名的节点：

    .class_name

  3. 3--选择具有特定 ID 的节点：

    #id_name

  4. 4--选择具有特定属性的节点：

    [attribute_name]

  5. 5--选择具有特定属性值的节点：

    [attribute_name='value']

  6. 6--选择包含部分属性值的节点：

    [attribute_name*='value']

  7. 7--选择以特定值开头的属性值的节点：

    [attribute_name^='value']

  8. 8--选择以特定值结尾的属性值的节点：

    [attribute_name$='value']

组合选择器

  1. 1--选择后代节点：

    ancestor_selector descendant_selector

  2. 2--选择子节点：

    parent_selector > child_selector

  3. 3--选择相邻兄弟节点：

    previous_sibling_selector + next_sibling_selector

  4. 4--选择一般兄弟节点：

    previous_sibling_selector ~ next_sibling_selector

伪类选择器

  1. 1--选择第一个子节点：

    :first-child

  2. 2--选择最后一个子节点：

    :last-child

  3. 3--选择第 n 个子节点：

    :nth-child(n)

  4. 4--选择第 n 个类型节点：

    :nth-of-type(n)

  5. 5--选择包含特定文本的节点：

    :contains('text')

示例代码

假设我们有一个简单的 HTML 页面：

<!DOCTYPE html>
<html>
<head>
    <title>Example Page</title>
</head>
<body>
    <h1>Welcome to Example Page</h1>
    <p id="intro">This is an example paragraph.</p>
    <form>
        <label for="username">Username:</label>
        <input type="text" id="username" name="username">
        <label for="password">Password:</label>
        <input type="password" id="password" name="password">
        <button type="submit">Login</button>
    </form>
</body>
</html>

常见 CSS 选择器示例

  1. 1--通过 ID 定位：

    from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome(executable_path='path/to/chromedriver')
driver.get('https://example.com')

# 通过 ID 定位
element = driver.find_element(by=By.CSS_SELECTOR, value='#username')
print(element.get_attribute('name'))  # 输出: username

  2. 2--通过类名定位：

    # 通过类名定位
element = driver.find_element(by=By.CSS_SELECTOR, value='.class_name')
print(element.text)

  3. 3--通过标签名和属性定位：

    # 通过标签名和属性定位
element = driver.find_element(by=By.CSS_SELECTOR, value='input[type="text"]')
print(element.get_attribute('id'))  # 输出: username

  4. 4--通过标签名和多个属性定位：

    # 通过标签名和多个属性定位
element = driver.find_element(by=By.CSS_SELECTOR, value='input[type="text"][name="username"]')
print(element.get_attribute('id'))  # 输出: username

  5. 5--通过包含部分属性值的节点定位：

    # 通过包含部分属性值的节点定位
element = driver.find_element(by=By.CSS_SELECTOR, value='input[name*="user"]')
print(element.get_attribute('id'))  # 输出: username

  6. 6--通过父节点定位子节点：

    # 通过父节点定位子节点
element = driver.find_element(by=By.CSS_SELECTOR, value='form > input[name="username"]')
print(element.get_attribute('id'))  # 输出: username

  7. 7--通过索引定位：

    # 通过索引定位
element = driver.find_element(by=By.CSS_SELECTOR, value='form input:nth-of-type(1)')
print(element.get_attribute('id'))  # 输出: username

  8. 8--通过文本内容定位：

    # 通过文本内容定位
element = driver.find_element(by=By.CSS_SELECTOR, value='button:contains("Login")')
print(element.text)  # 输出: Login

 


http://www.kler.cn/a/403247.html

相关文章：

  • autoware（2）运行自己的数据集
  • DB-GPT V0.6.2 版本更新：牵手libro社区、GraphRAG图谱构建能力增强等
  • 如何将文件Copy到Docker镜像中
  • 免费开源！DBdoctor推出开源版系统诊断工具systool
  • 【AIGC】如何使用高价值提示词Prompt提升ChatGPT响应质量
  • 【Swift】字符串和字符
  • c++ 栈
  • 常见大语言模型解析：技术细节、应用与挑战
  • 基于Java Springboot音乐播放器系统
  • 手撸 chatgpt 大模型:详解 OpenAI 训练 gpt3 模型时使用的数据预处理算法:BPE
  • IDEA怎么定位java类所用maven依赖版本及引用位置
  • 自动化生成边界测试和极端情况测试用例
  • 如何用专线网络搭建亚马逊美国站
  • python基础之学生成绩管理系统
  • 编译安装 openssl-3.0.14
  • Hive分桶超详细！！！
  • vulfocus在线靶场：CVE-2018-7600 速通手册
  • STL序列式容器之slist
  • jenkins的安装(War包安装)
  • Python学习------第十天
  • Kadane 算法 详解
  • C++：类和对象
  • 使用MATLAB进行遗传算法设计
  • kafka是如何做到高效读写
  • 前端算法题
  • 前端基础的讲解-JS(14)