Selenium定位元素的方法css和xpath的区别

selenium是一种自动化测试工具，它可以通过不同的定位方式来识别网页上的元素，如id、name、class、tag、link text、partial link text、css和xpath。

如果对软件测试、接口、自动化、性能测试、测试开发、面试经验交流。感兴趣可以加裙485187702，群内会有不定期的发放免费的资料链接，这些资料都是从各个技术网站搜集、整理出来的，如果你有好的学习资料可以私聊发我，我会注明出处之后分享给大家。

css和xpath是两种常用的定位方式，它们都可以通过元素的属性或者层级关系来定位元素，但是它们也有一些区别：

css:

• css是级联样式表，它用于给HTML网页的不同元素添加样式。

• css定位器可以直接用元素的id、class或者标签来定位，如#id、.class或者tag。

• css也可以通过其他属性来定位，如[name=‘value’]或者[type=‘text’]。

• css还可以通过层级关系来定位，如form#form>span>input表示选择form元素下id为form的子元素下span元素下的input元素。

• css还可以通过索引来定位，如option:nth-child(1)表示选择第一个option子元素。

• css还可以通过模糊匹配来定位，如input:contains(‘kw’)表示选择包含kw的input元素。

xpath:

xpath是XML文档中查找节点的语法，它可以通过元素的路径来查找元素。

xpath定位器可以通过元素的任何属性来定位，如[@id=‘value’]或者[@name=‘value’]。

xpath也可以通过标签和属性的组合来定位，如input[@id=‘kw’]表示选择input标签且id为kw的元素。

xpath还可以通过层级关系来定位，如//div[@id=‘china’]/p表示选择div元素下id为china的子元素下的所有p元素。

xpath还可以通过索引来定位，如option1表示选择第一个option子元素

xpath还可以通过模糊匹配来定位，如//*[contains(@href,‘miitbeian’)]表示选择包含miitbeian的href属性的所有元素。

• css和xpath的主要区别在于：

• • xpath可以通过子元素搜索父元素，css无法实现，css只能从父级往下级搜索。例如，//div[@id=‘china’]/parent::表示选择id为china的div元素的父元素，css没有这样的语法。

  • xpath可以按文本搜索元素，css不能。例如，//*[text()=‘hao123’]表示选择文本为hao123的所有元素，css没有这样的语法。

  • css比xpath更简单易读，执行速度更快，语法上更简洁。例如，#kw表示选择id为kw的所有元素，而xpath需要写成//*[@id=‘kw’]。

最后：下面是配套学习资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！【100%无套路免费领取】

软件测试面试小程序

被百万人刷爆的软件测试题库！！！谁用谁知道！！！全网最全面试刷题小程序，手机就可以刷题，地铁上公交上，卷起来！

涵盖以下这些面试题板块：

1、软件测试基础理论 ，2、web,app，接口功能测试 ，3、网络 ，4、数据库 ，5、linux

6、web,app，接口自动化 ，7、性能测试 ，8、编程基础，9、hr面试题 ，10、开放性测试题，11、安全测试，12、计算机基础 

  全套资料获取方式：点击下方小卡片自行领取即可