Selenium自动化测试框架： 选择元素的方法之Xpath&CSS选择器选择元素速查表，全网最全的背记手册！

Selenium自动化测试框架(12)： 选择元素的方法之Xpath&CSS选择器选择元素速查表，全网最全的背记手册！

前面几章节我们花了很大的功夫分别一一详细地介绍了CSS和Xpath选择器选择元素的那么多方法（共9篇文章哦），那么这么多方法到底在什么时候用神马方法呢？有什么区别与联系呢？怎么快速查看呢？是不是有点儿纳闷和着急呀。

不怕，小编也考虑到了这个问题，为了方便查阅，于是特地花时间耐心整理出了一份思维导图。

如下是小编花了整整整一大晚上时间（占用睡美容觉的时间哦）熬夜徒手整理的UI自动化测试中选择元素的方法：Xpath&CSS选择器选择元素的知识地图思维导图。

该思维导图汇总了所有选择元素的方法，从各种维度来展示，非常详细，且有示例代码，可以当作速查表、背记手册，可以随时随地查看，特别是在工作中，若哪一个写法忘了，可以随时翻开查看一下，说不到问题就解决啦。愿能起到救火作用，愿对你有一定的帮助。

这可是小编一直舍不得公开的私藏宝典，毕竟是自己熬夜，呕心沥血花时间一点点梳理出来的思维导图。可以拿去直接对比查看、理解。

小编已经帮你踩过一遍坑了，可以为你节省很多查找资料的时间。

认真总结输出的人是美丽的，认真学习的你更美，愿你比小编跑的更快，更远！

那么，到底什么时候该用神马方法呢？如下小编浅谈一下自己的见解：

1、CSS、Xpath和基本方法共有的那些方法，例如：根据ID、Class属性、Tag名选择元素的方法，根据自身情况任选其中一种语法都行；

2、CSS和Xpath共有的那些方法，例如：按href属性、按次序选择、组选择元素，根据自身情况任选其中一种语法也都行；

3、对于要选择父节点的就使用Xpath语法，因为CSS语法无法选择父节点；

4、对于要按偶数节点或奇数节点来选择元素时，就使用CSS语法，因为Xpath没有这个语法；

5、对于要按范围来选择元素就使用Xpath语法，因为Xpath有按范围来选择元素的语法，而且非常强大；

6、对于要按照选择语法联合使用来选择元素时，可以使用CSS语法，让你体会到非常强大的联合语法。

由于思维导图内容比较多，而且图片放到文章中可能看的不全或者不是太清晰，有需要的小伙伴可以后台私信我，并赞赏2元，即可领取原图和思维导图原件哦。【说明：个人原创作品，转载请说明出处】

图1：汇总图目录层级结构

图2：汇总图展开图

图3：对比图目录层级结构

由于思维导图内容比较多，而且图片放到文章中可能看的不全或者不是太清晰，不方便全部展开，有需要的小伙伴可关注我的微信号，即可领取原图和思维导图原件哦。

Selenium自动化测试框架(12)： 选择元素的方法之Xpath&CSS选择器选择元素速查表，全网最全的背记手册！该思维导图汇总了所有选择元素的方法，从各种维度来展示，非常详细，且有示例代码，可以当作速查表、背记手册，可以随时随地查看，特别是在工作中，若哪一个写法忘了，可以随时翻开查看一下，说不到问题就解决啦。愿对你有一定的帮助，愿能起到救火作用。https://mp.weixin.qq.com/s?__biz=Mzg3NDkwMjM3Mg==&mid=2247485330&idx=1&sn=8bd1abe0a2b3396e6bdc05d1c0b823ea&chksm=cec8e199f9bf688fe98fdcea531c029c7d3d0a2f12dda3996fbacfe9fd97d31cde6088a633a5&token=1224990473&lang=zh_CN#rd

【说明：个人原创作品，转载请说明出处】