有没有想过css定位与xpath的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有没有想过css定位与xpath的区别相关的知识,希望对你有一定的参考价值。

CSS定位:从图层渲染来说吧,它是把元素定位到网页中的任何一个位置,也就是控制元素的显示位置,比如网页常见的返回顶部按钮就是用定位实现的。

xpath:从网页结构层面来说吧,假如网页中有一个元素span,你如何确定这个元素是你想要的元素span,因为页面中有很多span元素,这时候就出现了xpath。每一个元素都有唯一的xpath,根据xpath能找到对应的元素,换句话说,xpath就是元素的一个门牌号,根据它就能找到对应的元素。

更多干货,建议你去看看html5学堂,决胜前端,掘金等。
参考技术A 定位的话,xpath速度慢些,css快些;
xpath更灵活,使用text和多层级相对路径等,css无此能力

css和xpath的区别

我们在HTML中寻找一个元素
就像定位一个城市
我们有两种方式来找到这个元素(城市),一个是CSS,另一个即是XPTAH
那么这两者有什么区别是什么呢

css:城市的形态xpath:城市的位置
广东省省会东经112度57分至114度3分——北纬22度26分至23度56分
在一线城市中排第三佛山市右侧的城市
find_element_by_css_selector("[class=“Guangdong_capital”]")find_element_by_xpath("//span[@id=‘Foshan’]/City")
  • 通过这些信息,你就能准确定位到广州
  • 当你理解了表格中的定位思路,其实也就理解了css和xpath的区别

以上是关于有没有想过css定位与xpath的区别的主要内容,如果未能解决你的问题,请参考以下文章

selenium之css定位小结

css中的相对定位与绝对定位的区别

xpath定位和css定位

css元素定位:通过元素的标签或者元素的idclass属性定位

Selenium2+python自动化9-CSS定位语法

Selenium2+python自动化9-CSS定位语法