如何使用 xpath 访问 div 个 ID?[selenium webdriver]
How to access div ids using xpath?[selenium webdriver]
<div class="col-lg-3 col-sm-4 col-xs-6">
<div class="logo">..................</div> </div>
标志是内在的div。
我需要使用 xpath 访问 col-lg-3 col...div 内容。
我在 java 中这样做了:
WebElement mydiv = driver.findElement(By.className("col-lg-3 ")) ;
但它不起作用 - 因为名称中有空格。
如何使用 xpath 访问它?
在CSS中,您可以这样访问:
driver.findElement(By.cssSelector(".col-lg-3 .logo"));
既然你问了,在 XPath 中,它可能是:
driver.findElement(By.xpath("//div[contains(@class, 'col-lg-3')]/div[contains(@class, 'logo')]")
如您所见,CSS 选择器要简单得多。
要查看 xpath,我建议安装 Firebug 和 FirePath;这些扩展是 Firefox。
示例:
你能看到图像吗? xpath
假设您没有 id 和 name 定位器,或者您需要使用 xpath
- 打开 Firefox。
- 点击 "Firebug"。 (#1)
- 有一个面板。
- 单击 "Click an element in the page to inspect" 图标 (#2)
- 单击 "FirePath" 选项卡。 (#3)
- Select你想要的元素(#4)
- 它将 xpath 显示到文本框中。 (#5)
因此,您需要添加这一行:
driver.findElement(By.xpath("html/body/form/fieldset/p[1]/input"));
<div class="col-lg-3 col-sm-4 col-xs-6">
<div class="logo">..................</div> </div>
标志是内在的div。
我需要使用 xpath 访问 col-lg-3 col...div 内容。
我在 java 中这样做了: WebElement mydiv = driver.findElement(By.className("col-lg-3 ")) ; 但它不起作用 - 因为名称中有空格。
如何使用 xpath 访问它?
在CSS中,您可以这样访问:
driver.findElement(By.cssSelector(".col-lg-3 .logo"));
既然你问了,在 XPath 中,它可能是:
driver.findElement(By.xpath("//div[contains(@class, 'col-lg-3')]/div[contains(@class, 'logo')]")
如您所见,CSS 选择器要简单得多。
要查看 xpath,我建议安装 Firebug 和 FirePath;这些扩展是 Firefox。
示例: 你能看到图像吗? xpath
假设您没有 id 和 name 定位器,或者您需要使用 xpath
- 打开 Firefox。
- 点击 "Firebug"。 (#1)
- 有一个面板。
- 单击 "Click an element in the page to inspect" 图标 (#2)
- 单击 "FirePath" 选项卡。 (#3)
- Select你想要的元素(#4)
- 它将 xpath 显示到文本框中。 (#5)
因此,您需要添加这一行:
driver.findElement(By.xpath("html/body/form/fieldset/p[1]/input"));