zoukankan      html  css  js  c++  java
  • 在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

     
  • 相关阅读:
    虚拟主机的陷阱
    http://www.xmenglish.com/(外贸知识网站)
    Highlight Table Row
    让你从电脑维修新手到高手
    Flash 视频教程
    ASP Comparison Operators Logical Operators
    Linux 虚拟机 NAT方式上网设置
    vim技巧
    25 条 SSH 命令和技巧
    linux下添加路由的方法
  • 原文地址:https://www.cnblogs.com/shengs/p/5907091.html
Copyright © 2011-2022 走看看