selenium定位方法（二）

selenium定位方法（二） 

1、xpath定位：xpath是在XML中查找节点所在的路径的表达式

1）绝对路径的Xpath表达式

例：/html/body/div/div[1]/ul//li[3]/font/a/img

2）相对路径的Xpath表达式

 

例：.//*[@id='renderer']/a/img

*推荐使用相对路径！

3）利用开发者工具生成Xpath表达式：

      a、打开网页点击设置选择更多工具-开发者工具选项

      b、默认展开Elements选项卡

      c、点击Elements选项卡页面的左数第1个按钮“点击查看页面中的元素”

      d、点击网页上关心的元素

      e、从Elements选项卡的页面可看到高亮位置，选择点击右键选择copy项中copy xpath复制

4）通过Xpath方式点击“XXX”

driver.find_element_by_xpath(value).click();

2、css定位：css使用选择器操作页面元素属性
1）css-class定位   class = "sipt"

driver.find_element_by_css_selector(".sipt")

2)css-id定位  id= "kw"

driver.find_element_by_css_selector("#kw")

3)css-标签定位  标签为input

driver.find_element_by_css_selector("input")

4）css-属性定位 属性为name

driver.find_element_by_css_selector("[name='yoki']")

5)css-层级定位 父标签为div，查找div中a元素

driver.find_element_by_css_selector("div>a")

6)css-组合定位

driver.find_element_by_css_selector("div.lili>lu>span>input#yoki")

7)css-模糊查询

driver.find_element_by_css_selector("[class*=yoki]")
查找class属性包含"yoki"的元素

driver.find_element_by_css_selector("[class^=yo]")
查找class属性以"yo"开头的元素

driver.find_element_by_css_selector("[class$=ki]")
查找class属性以"ki"结尾的元素