javascript – 访问shadow-root中的元素
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 访问shadow-root中的元素,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1804字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 访问shadow-root中的元素](/upload/InfoBanner/zyjiaocheng/782/d8f9b36c40a844bbbb3c8e5479fbb600.jpg)
是否可以使用java和selenium找到Shadow DOM的元素?
我想从影子根获取元素
<paper-input id="homeSearch" class="home-search-btn home-inputs" placeholder="Where would you like to go?" no-label-float="" tabindex="0" aria-disabled="false"><iron-icon icon="-search-" slot="prefix" class="form-icons search-icon"></iron-icon></paper-input>
我想在homesearch上发送一个输入,例如driver.findElement(By.id(“homesearch”));我在互联网上搜索但没有获得任何合适的解决方案.
任何类型的帮助将非常感激
解决方法:
在阴影根目录中获取元素需要几个步骤.
首先,获取’host’元素,在您的情况下输入属性page =“home”
WebElement host1 = driver.findElement(By.cssSelector("vrs-app[page='home']"));
之后,您需要执行JavaScript脚本以从主机获取影子根,您可以通过在Web元素上调用.shadowRoot来获取影子根.
WebElement shadowRoot = (WebElement)((JavascriptExecutor) driver).executeScript("return arguments[0].shadowRoot", host);
但有一个问题,你的输入嵌套在几个阴影dom中,所以你必须这样做几次.最有效的方法是使用一种方法,例如:
public WebElement GetShadowRoot(WebElement host) {
WebElement shadowRoot = (WebElement)((JavascriptExecutor) driver).executeScript("return arguments[0].shadowRoot", host);
return shadowRoot ;
}
之后,潜入所有阴影根,直到你到达你需要的主机,如下所示:
WebElement host1 = driver.FindElement(By.cssSelector("vrs-app[page='home']"));
WebElement shadow1 = GetShadowRoot(host1);
WebElement host2 = shadow1.FindElement(By.cssSelector("vrs-home"));
WebElement shadow2 = GetShadowRoot(host2);
// We've reached the shadow dom containing the input
// Note: I'm not using By.id since this may throw an error
WebElement paperInput = shadow2.findElement(By.cssSelector("paper-input[id='homeSearch']"));
现在,您可以使用paperInput执行您想要执行的操作.
旁注:我知道这种方法适用于Chrome(刚刚测试过),还没有在其他浏览器中测试过.另外,我不懂Java,所以语言语法可能有点不同.
内容总结
以上是互联网集市为您收集整理的javascript – 访问shadow-root中的元素全部内容,希望文章能够帮你解决javascript – 访问shadow-root中的元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。