JS 없이 섀도우 루트의 클래스를 타겟팅하는 방법은 무엇입니까?

Question

섀도우 루트가 있는 html 요소가 있다고 가정해 보겠습니다. #shadow-rootShadowroot 내에서 div를 배치하는 방법은 무엇입니까? :host(my-element.need-target-this)를 사용해 보았지만 도움이 되지 않았습니다. 내가 여기서 무엇을 놓치고 있는 걸까요?

P粉521013123 · Answer

shadowDOM 내부의

P粉232793765 · Answer

누군가에게 도움이 될 경우를 대비하여 div 包装了我的元素，添加了 ref를 사용하고

로 이동했습니다.

const Shadow = ref.current.querySelector('my-element').shadowRoot

const target = Shadow?.querySelector('.need-target-this')

target.style.whatever = '值';

JS 없이 섀도우 루트의 클래스를 타겟팅하는 방법은 무엇입니까?

모든 응답(2)나는 대답할 것이다