本期技术分享讲师周老师
分享内容:css定位器的常见使用
本期文字解析
1、标签选择器
driver.findElement(By.cssSelector("input"));
直接传入要定位元素的标签,可直接定位到该元素
备注:不建议直接使用,页面元素的标签一般不唯一
2、id选择器,class选择器
driver.findElement(By.cssSelector("#kw"));//#表示id属性定位器,后面紧跟id属性值
driver.findElement(By.cssSelector(".s_ipt"));//英文的. 表示class定位器,后面紧跟class属性值
3、后代元素选择器
driver.findElements(By.cssSelector("div#u1 a"));
通过标签选择器+id选择器 定位到div元素,后代选择器用空格表示,可以获得div元素后代的所有a标签(备注:多层级都可获得)
4、子元素选择器
driver.findElements(By.cssSelector("div#u1>a"));
通过标签选择器+id选择器 定位到div元素,子代选择器用>表示,可以获得div元素子代的所有a标签(备注:仅可获得div下一层级,跨层级获得不到)
5、毗邻元素选择器
driver.findElement(By.cssSelector("div#u1>a+a"));
先定位到新闻标签,通过毗邻元素选择器用+表示,可以获得新闻标签紧邻的同级元素hao123标签(只匹配第一个同级元素)
6、属性选择器
driver.findElement(By.cssSelector("input[name='wd']"));
可通过任意元素属性值过滤
领取专属 10元无门槛券
私享最新 技术干货