如何在 Selenium 中使用 CSS 选择器作为定位器?

我们可以在selenium webdriver中使用css选择器定位元素。创建css表达式的一般形式是tagname[attribute=’value’]。我们可以利用id和class属性来创建css。

使用id时,CSS表达式的语法是tagname#id。例如,对于CSS表达式 – input#txt-loc,input是tagname,txt-loc是id属性的值。

使用类名时,CSS表达式的语法是tagname.class。例如,对于CSS表达式 – input.txt-cls,input是tagname,txt-cls是class属性的值。

如果一个网页元素element(parent)有n个子元素(children),我们想要定位第n个子元素,CSS表达式的语法是nth-of-type(n)。

如何在 Selenium 中使用 CSS 选择器作为定位器?

立即学习“前端免费学习笔记(深入)”;

在上面的html中,如果我们想要定位父级ul的第四个li,即文本为“Questions and Answers”的锚点元素,CSS应该是ul.reading li:nth-of-type(4)。同样,要识别最后一个子元素,CSS应该是ul.reading li:last-child。

对于具有动态值的属性,我们可以使用符号^=来识别属性值以特定文本开头的元素。例如,input[name^=’qa1′] [这里input是tagname,name属性的值以qa1开头]。

对于具有动态值的属性,我们可以使用符号$=来识别属性值以特定文本结尾的元素。例如,input[class$=’loc’] [这里input是tagname,class属性的值以loc结尾]。

对于具有动态值的属性,我们可以使用符号*=来识别属性值包含特定子字符串的元素。例如,input[name*=’sub’] [这里input是tagname,name属性的值包含子字符串sub]。

示例

import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.openqa.selenium.firefox.FirefoxDriver;import java.util.concurrent.TimeUnit;public class CSSLocator{   public static void main(String[] args) {      System.setProperty("webdriver.gecko.driver",      "C:Usersghs6korDesktopJavageckodriver.exe");      WebDriver driver = new FirefoxDriver();      //implicit wait      driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);      //URL launch      driver.get("https://www.linkedin.com/");      //identify element      WebElement m = driver.      findElement(By.cssSelector("input[id='session_key']"));      //enter text      m.sendKeys("Java");      String s = m.getAttribute("value");      System.out.println("Attribute value: " + s);      //close browser      driver.close();   }}

登录后复制

以上就是如何在 Selenium 中使用 CSS 选择器作为定位器?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2863900.html

(0)
上一篇 2025年3月10日 17:22:28
下一篇 2025年2月27日 02:24:22

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 使用 CSS 实现正确的弹跳动画效果

    要使用CSS实现向右弹入动画效果,您可以尝试运行以下代码 − 示例 实时演示          .animated { background-image: url(/css/images/logo.png); background-repe…

    2025年3月10日
    200
  • 使用CSS设置打印双面文档

    在打印双面文档时,左右页面上的页面框应该是不同的。 示例 可以通过两个CSS伪类来表示如下: 登录后复制 以上就是使用CSS设置打印双面文档的详细内容,更多请关注【创想鸟】其它相关文章!

    2025年3月10日
    200
  • 在CSS中创建水平可滚动的部分

    水平可滚动的部分是一种常见的网页设计模式,用于展示超出视口宽度的内容。这种设计模式允许用户水平滚动,提供了一种独特而吸引人的方式来展示大型图像、画廊、时间轴、地图和其他内容。这是通过使用CSS属性,如overflow−x: auto或ove…

    2025年3月10日
    200
  • 了解 CSS 视觉格式

    css 视觉格式是一种与算法相对应的模型,该算法处理和转换文档的每个元素以生成一个或多个符合 css 框模型的框。 处理元素的 CSS 框生成 – 块级 这些元素强制在其自身上方和下方换行,并占据可用的整个宽度,即使它们的内容不…

    2025年3月10日 编程技术
    200
  • CSS list-style 属性的用法

    list-style 用作上述属性的简写。 list-style 允许您将所有列表属性指定到单个表达式中。 示例                登录后复制         Table         Chair          以上就是C…

    2025年3月10日
    200
  • 如何使用 CSS 选择特定类别的“最后一个孩子”?

    CSS或级联样式表是现代网页开发的重要组成部分,它允许网页开发人员为其网站添加样式并创建视觉上吸引人的设计。有时我们想要使用CSS选择特定类的最后一个子元素,但是如何实现呢?有不同的方法可以用来选择最后一个子元素。 在本文中,我们将看到如何…

    2025年3月10日
    200
  • 如何检查 CSS 的有效性

    验证是根据规则检查某些内容的过程。当你是初学者时,在编写 CSS 规则时犯很多错误是很常见的。您如何确保您编写的内容 100% 准确并符合 W3 质量标准? 如果您使用 CSS,您的代码需要正确。不正确的代码可能会导致页面的外观或功能出现意…

    2025年3月10日
    200
  • CSS 媒体类型

    以下是 CSS 中的媒体类型: S.no 值与说明 1. 全部 立即学习“前端免费学习笔记(深入)”; 适用于所有设备。 2. 听觉 用于语音合成器。 3. 盲文 用于盲文触觉反馈设备。 4. p> 浮雕 适用于分页盲文打印机。 5.…

    2025年3月10日
    200
  • CSS 中的大于号 (>) 选择器是什么?

    ) 选择器是什么?”> 在 CSS 中,“>”符号并不像其他编程语言那样用于比较两个值。在这里,我们使用大于号 (>) 作为选择器。 在 CSS 中,选择器用于选择单个或多个 HTML 元素。每当我们在选择器中…

    2025年3月10日
    200
  • 使用 CSS 弹出左侧动画效果

    使用CSS实现向左弹出动画效果,您可以尝试运行以下代码 示例          .animated { background-image: url(/css/images/logo.png); background-repeat: no-r…

    2025年3月10日
    200

发表回复

登录后才能评论