在selenium中使用css选择器进行元素定位(三)

上一篇 / 下一篇  2013-01-25 16:55:39 / 个人分类:selenium

Sizzle Css3还提供一些直接选取form表单元素的伪类

  • :input: Finds all input elements (includes textareas, selects, and buttons).
  • :text:checkbox:file:password:submit:image:reset:button: Finds the input element with the specified input type (:button also finds button elements).

下面是一些XPATHCSS的同义locator比较

定位方式

XPath

CSS

标签

//div 

div 

By id

//div[@id='eleid'] 

div#eleid 

By class

//div[@class='eleclass']
//div[contains(@class,'eleclass')]

div.eleclass 

By 属性

//div[@title='Move mouse here']

div[title=Move mouse here]
div[title^=Move]
div[title$=here]
div[title*=mouse]

定位子元素

//div[@id='eleid']/*
//div/h1 

div#eleid >*
div#eleid >h1

定位后代元素

//div[@id='eleid']//h1

div h1 

By index

//li[6]

li:nth(5)

By content

//a[contains(.,'Issue 1164')]

a:contains(Issue 1164)

根据子元素回溯定位父元素

//li[a[contains(.,'Issue 1244')]]
//*[./a[contains(.,'Issue 1244')]]

//ul[.//a[contains(.,'Issue 1244')]]

li{a:contains(Issue 1244)}
ul{a:contains(Issue 1244)}

根据邻近元素定位

//li[preceding-sibling::li[contains(.,'Issue 1244')]]
//ul[preceding-sibling::ul[.//a[contains(.,'Issue 1244')]]]

css=li:contains(Issue 1244) + li
css=ul{a:contains(Issue 1244)} ~ ul


TAG: CSS css Selenium selenium

 

评分:0

我来说两句

日历

« 2024-03-17  
     12
3456789
10111213141516
17181920212223
24252627282930
31      

数据统计

  • 访问量: 20243
  • 日志数: 15
  • 建立时间: 2012-06-20
  • 更新时间: 2013-01-25

RSS订阅

Open Toolbar