访问 NAV 元素内的链接答案

【问题标题】：Access A Link Inside A NAV Element访问 NAV 元素内的链接
【发布时间】：2014-01-18 06:41:18
【问题描述】：

我正在尝试使用 Selenium (C#) 访问 HTML 元素，但目前遇到了问题。该元素位于这样的结构中：

<nav>
   <ul class="menu"> id="menu">
      <li id="ignore"> </li>
      <li id="test_tab">
         <a href="/.../..." title="Update">Update</a>
      </li>
   </ul>
</nav>

我需要访问并点击“更新”。访问此链接的最佳方法是什么？我试过 .findElement(By.Id("test_tab")) 和类似的但没有成功。一旦它被选中，我就计划调用 .click()。

提前致谢。

【问题讨论】：

标签： c# html selenium

【解决方案1】：

非常简单！首先，您需要确定正在接收点击的元素。在这种情况下，<a> 将是。只需使用一个简单的 CSS 选择器。

driver.FindElement(By.CssSelector("ul#menu li#test_tab > a[title='Update']")).Click();

【讨论】：

谢谢sircapsalot。我不知道为什么我没有尝试 css 选择器。
CSS 比 xpath 更快更简单。此外，它对于其他开发非常实用。我会花时间学习 CSS 选择器。如果您需要，我也愿意咨询:)airpair.com/selenium/selenium-expert-daniel-davison

【解决方案2】：

您正在尝试选择 li 元素，因此无法单击该链接。对于选择“a”，可能有多个选项。

.findElement(By.LinkText("Update")).click()

IWebElement update = driver.findElement(By.Id("test_tab"));
update = update.findElement(By.TagName("a"));
update.click();

3) 您可以使用 xpaths 直接选择“a”。

【讨论】：