需要帮助才能单击阴影根(用户代理)类型下的元素

Question

因为我没有处理卷影根元素的经验，所以我无法单击这个名为"Choose File“的按钮

我正在尝试点击“选择文件”按钮下的影子-根(用户-代理)元素，我可以得到关于代码的帮助。

Html代码如下：

​

<input class="webbrowse" id="web263">
  #shadow-root (user-agent)
    <input type="button" value="Choose File">
      #shadow-root (user-agent)
        "Choose File"
      </input>
      <span aria-hidden="true">No file chosen</span>
</input>

​

谢谢大家，我真的很感激。

Answer 1

使用JavascriptExecutor

WebElement element = (WebElement) ((JavascriptExecutor)driver).executeScript("return arguments[0].shadowRoot", driver.findElement(By.xpath("//input[value = 'Choose File']")));
element.sendKeys("some keys");

Answer 2

您必须访问父节点(<input class="webbrowse" id="web263">)，然后才能找到您的输入：

WebElement element = (WebElement) ((JavascriptExecutor)driver).executeScript("return document.querySelector('.webbrowse').shadowRoot.querySelector('input[value=\"Choose File\"]');");

element.click();