首页 > 代码库 > 在selenium中使用css选择器进行元素定位

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

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).

下面是一些XPATH和CSS的同义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

 

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