xpath定位和css定位的区别是什么(2)-木庄网络博客

2022-04-09 17:06:25 PHP中文网 JavaScript 百度已收录

我们可以根据任何属性值定位元素。

1 2	`XPATH:` `//input[@name='username']` `CSS: input[name='username']`

多个属性值

我们甚至可以通过多个属性来定位元素。

1 2	`XPATH:` `//input[@name='rsv_spt' and @value="1"]` `CSS: input[name='login'][type='submit']`

第一个子元素

1 2	`XPATH:` `//div[@id='u1']/a[1]` `CSS: div#u1 a:first-child`

最后一个子元素

1 2	`XPATH:` `//div[@id='u1']/a[last()]` `CSS: div#u1 a:last-child`

第二个子元素

1 2	`XPATH:` `//div[@id='u1']/a[2]` `CSS: div#u1 a:nth-child(2)`

模糊匹配

1	`selenium中允许使用^=，$=或*=进行部分字符串匹配。`

^=匹配前缀

1 2	`XPATH: input[starts-with(@id,'user')]` `CSS: input[id^='user']`

$=匹配后缀

1 2	`XPATH: input[ends-with(@id,'name')]` `CSS: input[id$='name']`

*=匹配包含

1 2	`XPATH: input[contains(@id,'sernam')]` `CSS: input[id*=sernam]`

更多编程相关知识，请访问：编程视频！！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者