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

本文介绍: selenium是一种自动化测试工具，它可以通过不同的定位方式来识别网页上的元素，如id、name、class、tag、link text、p ar t i al link text、css和xpath。css和xpath是两种常用的定位方式，它们都可以通过元素的属性或者层级关系来定位元素，但是它们也有一些区别：

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

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:contain s(‘kw’)表示选择包含 kw的input元素。

现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：310357728【暗号：csdn888】

xpath:

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

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

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

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

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

x path还可以通过模糊匹配来定位，如//*[contain s(@h ref,‘m ii tb eian’)]表示选择包含 m ii tb eian的h ref 属性的所有元素。

css和x path的主要区别在于：

- x path可以通过子元素搜索父元素，cs s无法实现，cs s只能从父级往下级搜索。例如，//div[@id=‘ch ina’]/parent::表示选择id为china的div元素的父元素，cs s 没有这样的语法。
- x path可以按文本搜索元素，cs s不能。例如，//*[text()=‘hao123’]表示选择文本为hao123的所有元素，c ss 没有这样的语法。
- css比x path更简单易读，执行速度更快，语法上更简洁。例如，#kw表示选择id为kw的所有元素，而x pat h 需要写成//*[@id=‘kw’]。