首页 web前端 html教程 Css选择器定位详解_html/css_WEB-ITnose

Css选择器定位详解_html/css_WEB-ITnose

Jun 24, 2016 am 11:16 AM

1.使用 class 属性来定位元素,方法如下:

  driver.findElement(By.cssSelector("input.login"));

  即可以先指定一个 HTML的标签,然后加一个“.”符号,跟上 class 属性的值

2.使用相对ID选择器定位元素,方法如下:

  WebElement ele = driver.findElement(By.cssSelector("input#username"));  

  即可以先指定一个 HTML 标签,然后加上一个“#”符号,跟上 id 的属性值

3.除了 class 和 id 属性,CSS 选择器也可以使用其他的元素属性来定位。下面的例子中,将使用中的 Name 属性。

  WebElement userName =driver.findElement(By.cssSelector("input[name=username]"));

4.如果一个属性不足以来定位到一个元素, 则联合使用其他的属性来达到精确匹配。下面的例子中,使用多个属性来定位元素。

  WebElement previousButton =driver.findElement(By.cssSelector("input[type='submit'][value='Login']"));

5.CSS 选择器提供了一个部分属性值匹配定位元素的方法。这为测试那些页面上具有动态发化的属性的元素是非常有用的。例如,在 ASP.NET 应用中,元素 id 是动态生成的。下面的表格介绍了如何使用部分匹配的语法:

a.语法:^=                 例子:Input[id^= ' ctrl']             描述:如果一个元素的ID是ctrl_12,就可以定位到此元素,匹配到 id的头部 ctrl

b.语法:$=                 例子:input[id$='_userName']     描述:如果一个元素的ID 是a_1_userName,返将会匹配到 id 的尾部_userName

c.语法:*=                 例子:Input[id*='userName']       描述:如果一个元素的 ID 是 panel_login_userName_textfield,返将会匹配到此 id 值的_userName

参考网址:http://865325772.iteye.com/blog/2051668

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

如何使用HTML5表单验证属性来验证用户输入?

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

如何高效地在网页中为PNG图片添加描边效果?

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

HTML5中跨浏览器兼容性的最佳实践是什么?

< meter>的目的是什么。 元素? < meter>的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

< meter>的目的是什么。 元素?

< datalist>的目的是什么。 元素? < datalist>的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

< datalist>的目的是什么。 元素?

我如何使用html5< time> 元素以语义表示日期和时间? 我如何使用html5< time> 元素以语义表示日期和时间? Mar 12, 2025 pm 04:05 PM

我如何使用html5< time> 元素以语义表示日期和时间?

< iframe>的目的是什么。 标签?使用时的安全考虑是什么? < iframe>的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

< iframe>的目的是什么。 标签?使用时的安全考虑是什么?

See all articles