【20240729_Selenium自动化常用函数系列一与CSS相邻兄弟选择器的使用】

本博文讲解的是20240729_Selenium自动化_contains()/starts-with()/ends-with()函数与CSS相邻兄弟选择器的使用

20240729_Selenium自动化_contains()/starts-with()/ends-with()函数与CSS相邻兄弟选择器的使用

1、contains()可以应用于属性和文本函数，但是starts-with()和ends-with()只能应用于属性

以下例子涉及商业，故不截图，大家对照自己的经验来：

//span[contains(@placehodler,‘下电登记’)] 成功找到元素
//span[starts-with(@placehodler,‘下电登记’)] 成功找到元素
//span[ends-with(@placehodler,‘下电登记’)] 成功找到元素

//span[contains(text(),‘下电登记’)] 成功找到元素
//span[starts-with(text(),‘下电登记’)] 无法找到元素，因为starts-with函数只认识属性，比如class，id，name，placeholder等。
//span[ends-with(text(),‘下电登记’)] 无法找到元素，与starts-with函数一样

2、CSS相邻兄弟选择器的使用

举例：如果想找到类名为dh3的下一个div后面的div下的第2个li
使用 .dh3+div+div>div li:nth-child(2)

这种方法适用于只能找到第一个类名为dh3，但是后面2个平级容器没有可唯一识别的类名的场景。这比较符合很多公司真正的使用场景，基本上没看到有唯一的id，大都是以类名命名，所以要学会掌握这种技巧，能加速定位到元素

3、其它

1)、position:fixed

不随页面滚动而改变位置，固定在页面

2)、autocomplete:允许浏览器预测要输入的值