javascript - ShadowRoot 返回为 Null - ShadowRoot 显示为打开

Question

我正在尝试在 Javascript 中选择 Shadow 根，以便我可以设置内部元素的样式。但是当使用 elem.shadowRoot 时它返回 Null 尽管 ShadowRoot 是下一个元素。下面贴上我的调试和结果图片

这是我第一次使用 shadowRoot，所以我可能遗漏了一些明显的东西。

console.log("target");
console.log(target);

console.log("target.firstChild");
console.log(target.firstChild);

console.log("target.shadowroot");
console.log(target.shadowRoot);

console.log("target.firstChild.shadowroot");
console.log(target.firstChild.shadowRoot);

console.log("ha-card");
console.log(target.querySelector("ha-card"));

Answer 1

代码示例是针对 target.shadowroot 而不是 shadowroot 元素本身。

另请查看有关使用 firstChild 方法的文档。它可能定位不正确。