我试图在Javascript中选择Shadow根，以便可以设置内部元素的样式。但是当使用elem.shadowRoot时，尽管ShadowRoot是下一个元素，但它返回Null。下面我粘贴了我的调试信息和结果图片
这是我第一次使用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"));
最佳答案
代码示例的目标是target.shadowroot而不是shadowroot元素本身。
另外，请查阅有关使用firstChild方法的文档。它可能定位不正确。