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字母的元素

原文地址:https://www.cnblogs.com/sasa-python/p/14445820.html