元素定位方法

最新推荐文章于 2024-09-14 21:48:00 发布

zhangpengpeng123456

最新推荐文章于 2024-09-14 21:48:00 发布

阅读量335

点赞数

文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/zhangpengpeng123456/article/details/126749644

版权

本文探讨了前端开发中用于元素定位的两种主要方法：XPath 和 CSS 选择器。XPath 提供了一种强大的路径表达式来查找XML或HTML文档中的元素，而CSS选择器则使用简洁的语法来定位页面样式。通过理解这两种定位方式，开发者可以更有效地在自动化测试和页面交互中选取目标元素。

摘要由CSDN通过智能技术生成

xpath定位：

知识点:
属性: 包括但不限于id、name、class还有href、style等等
      xpath是可以覆盖id、class、name等定位！当然可以覆盖tagname的定位//tag_name
语法: [@属性名='属性值'] 要结合路径法
示例:
    //*[@id='username']  #id属性可以用//*
    //input[@name='username']  #容易重复的属性建议缩小搜索范围
    //div[@class='el-input el-input--normal']  #class在xpath中要写所有值！不能写一个来定位有多个类的元素
    //input[@placeholder="请输入用户名"]  #所有元素都可以用
    /html//input[@placeholder="请输入用户名"]
    //*[@width>'700']  运算符
    
# 逻辑运算符 and，一般不用or来放大范围
//*[@id='alert' and @value='alert']

知识点:xpath的函数
starts-with(@属性名,'属性开头的值')  #start有个s
    示例://*[starts-with(@id,'userna')]
contains(@属性名,'属性包含的值')     #contain有个s
    示例://*[contains(@id,'userna')]
#有没有ends-with 有！但selenium没有实现！xpath是有的，看xpath的官方语法的时候要注意不一定都实现的
text()=&