获取包含相同类名的影子根的所有div元素

问题描述

我的HTML页面中有一个shadowRoot，我正在通过这段代码进行访问

var shadow = document.getElementById(
        "3rd-party-div"
      ).shadowRoot; 

现在我可以观察到我有两个具有相同类名的div。我正在尝试通过queryselector获取两个div，但是我只能获取div的第一个匹配项。

我的查询选择器代码-

shadow.querySelector(".potato").addEventListener("click",() => {
            alert("clicked potato");
});

是否可以使用相同的类名来获取两个div？

解决方法

如@ Yousaf，@ charlietfl和@Danny'365CSI'Engelman所说，querySelectorAll可以解决问题。

,

使用for循环遍历您要访问的两个div元素。

struct task_struct {
    /* ... */
#ifdef CONFIG_SMP
    int             on_cpu;
    /* ... */
#endif
    /* ... */
}