码迷,mamicode.com
首页 > 其他好文 > 详细

自动化——元素定位

时间:2018-12-25 01:01:55      阅读:910      评论:0      收藏:0      [点我收藏+]

标签:with   nta   页面   讲解   绝对路径   bubuko   表示   col   属性   

元素定位的8种方法

 

 

  讲解示例:

 1   <html>
 2   
 3       <head>
 4           ...........
 5       </head>
 6   
 7       <body>
 8           <div  name="demo">
 9                     <span1>
10                         <p>这是一段实例文本</p>
11                     </span1>
12                <span2>
13                   <P>文本2</P>
14                </span2>
15           </div>
16       </body>
17  
18  </html>    

1、xPath的定位方法:

  $x( "//元素名[@属性名=‘属性值‘] [序号]" )               ——使用元素的开始标签中的 “属性” 来定位

  $x( "//元素名[text()=‘文本内容‘] [序号]" )    ——使用开始标签和结束标签之间的文本内容来定位

 

  说明: 定位<div>元素:$x("//div[@name=‘demo‘]")

      定位<p>元素:$x("//p[text()=‘这是一段实例文本‘]")

    使用“//”表示在整个页面的所有元素中进行全路径的查找(常用“//”来减少中间层级的元素,用于相对路径查找),如果换成“/”表示在当前指定的元素中进行查找(用于绝对路径查找),例如:

      定位<div>元素:$x("/html/body/div")

      定位<p>元素:$x("/html/body/div/span1/p")

    也可以“//”和“/”混合使用:

      定位<p>元素:$x("//body/div//p[text()=‘文本2‘]")

 

    使用属性值的方式来定位元素时,可以使用“=”,也可以使用“contains”(对应的属性值或者文本内容可以只包含一部分,相当于模糊查询),

    语法是:contains(@属性名,‘属性值的一部分‘)或者 contains(text(),‘文本内容的一部分‘)

      查找<div>元素:$x("//div[contains(@name,‘de‘)]")    或者  $x("//p[contains(text(),‘这是‘)]")

    类似于contains的用法还有:stars-with等等

 

2、css选择器的定位方法:

  $$("css选择器") 或者 $("css选择器")

  技术分享图片

 

自动化——元素定位

标签:with   nta   页面   讲解   绝对路径   bubuko   表示   col   属性   

原文地址:https://www.cnblogs.com/zzp-biog/p/10171750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!