xpath、css元素定位

xpath

1、利用元素唯一属性

　　//*[@id='xxx']

 

2、属性与逻辑结合 解决元素之间多个相同属性重名问题

　　//*[@id='xxx' and @class='xxx']

 

3、、//*[text()="xxx"]　　文本内容是xxx的元素

　　//*[starts-with@attribute,'xxx']　　属性以xxx开头的元素

　　//*[contains(@attribute,'xxx')]　　属性中含有xxx的元素

 

css

1、id选择器，根据元素ID属性来选择

　　#id 如：#usera <选择id属性值为usera的所有元素>

　　方法：find_element_by_css_selector(#usera)

 

2、class选择器

　　根据元素class属性来选择，格式.class 如：.telA <选择class属性值为telA的所有元素>

　　find_element_by_css_selector(.telA)

 

3、元素选择器

　　根据元素的标签名选择，格式 element 如：input<选择所有input元素>

　　find_element_by_css_selector(input)

 

4、属性选择器

　　根据元素的属性名和值来选择，格式 [attribute=value] 如：[type="password"] <选择所有type属性值为password的值> 

 

5、层级选择器

　　根据元素的父子关系来选择   格式：element>element  如：p>input<返回所有p元素下所有的input元素>

　　提示：> 可以用空格代替 如：p input 或者 p [type='password']

　　find_element_by_css_selector(p[id="p1"]>input)

 

6、css延伸

　　input[type^='p'] type属性以p字母开头的元素

　　input[type$='d'] type属性以d字母结束的元素

　　input[type*='w'] type属性包含w字母的元素