html 如何使用JavaScript来选择一个阴影根里面的按钮

guicsvcw 于 2023-08-01 发布在 Java

关注(0)|答案(1)|浏览(93)

我很想知道如何解决这种情况。在浏览器中，我看到以下内容（注意按钮处于突出显示状态）

然而，所选的阴影根document.querySelector("ow-356ai793a").shadowRoot丢失了div元素<div shell-wrapper="" data-spot-im-direction="ltr"></div>中的整个内容，如图所示

那么，我如何选择阴影根中的按钮<button role="button" data-spmark="show-more" data-spot-im-class="load-more-messages" aria-label="Show more comments" data-openweb-allow-amp="true" type="button" class="Button__button--11-4-6 Button__primary--11-4-6 Button__isEllipsis--11-4-6 Button__hoverBackground--11-4-6 spcv_load-more-messages"><span class="Button__contentWrapper--11-4-6"><span class=""><span>Show More Comments</span></span></span></button>？

Html

来源：https://stackoverflow.com/questions/76601538/how-to-use-javascript-to-select-the-button-inside-a-shadow-root

1条答案

按热度按时间

33qvvth11#

你可以从JavaScript访问影子根目录中的任何东西，只要它有openmode。
如果shadowDOM是用element.attachShadow({ mode: "closed" });创建的，则不能用JavaScript访问shadowDOM。
所以，现在如果你的shadowDOM是open，那么你可以使用以下命令。

const shadowRoot = document.querySelector("ow-356ai793a").shadowRoot;
const button = shadowRoot.querySelector("button[data-spmark='show-more']");

字符串

赞(0）回复(0）举报 2023-08-01

我来回答

html 如何使用JavaScript来选择一个阴影根里面的按钮

1条答案

相关问题

热门标签

最新问答