元素可见但不存在于 DOM 中

Question

我正在使用 Selenium 进行 HCI 测试，但 Selenium 找不到可见的元素，我很感兴趣，我搜索它并得出结论，该元素可见但不存在于 DOM 中。

我可能（很可能）弄错了，但这对我来说似乎是这样。

---

我有一个包含 Parcourir 元素的网站：

当我点击它时，我可以看到这个div 元素：

现在问题出在这里，窗口顶部有一个元素Bibliothèque，当我打开浏览器开发工具并检查它时，我找到了它的 id 和 XPath，element HTML 代码如下：

<a href="#media-tab-media_default--media_browser_1"
data-tabid="media_default--media_browser_1" title="Bibliothèque" class="ui-tabs-anchor"
role="presentation" tabindex="-1" id="ui-id-3">
    Bibliothèque
</a>

但是当我尝试下载 DOM 时，就像它在这个答案中所说的那样： How can I dump the entire Web DOM in its current state in Chrome?.

我在 DOM 中找不到上述元素，我有一个可以在我的浏览器中看到的元素，它在 DOM 中不存在。 这可能就是为什么 selenium 给我Exception：

原因：org.openqa.selenium.NoSuchElementException：无法定位元素：//*[@id='ui-id-3']

Answer 1

正如@PDHide 所说，问题是元素在框架内，我只是切换到框架，如下所示：

webdriver.switchTo().frame(frameId);

它奏效了。

Answer 2

由于元素在 iframe 内，您必须先切换到它：

切换到帧的语法是

driver.switchTo().frame(id);

如果您有多个 iframe 并且没有 id，则使用特定 iframe 的任何其他属性（如 Id、class 等），像对其他元素所做的那样，唯一地找到每个 iframe

driver.switchTo().frame(driver.findElement(By.xpath("//iframe[@class=\"class\"]")));

现在记得切换到框架外再次与 iframe 外的元素交互。

  driver.switchTo().defaultContent();