섀도 루트가 있는 html 요소가 있다고 가정해 보겠습니다.
Shadow 루트 내부에 div를 배치하는 방법은 무엇입니까?
저는
하지만 그건 도움이 안 돼요. 내가 여기서 무엇을 놓치고 있는 걸까요?
shadowDOM 내부의 태그를 사용하여 ShadowDOM의 스타일을 설정하세요
참조 ::part: https://developer.mozilla.org/en-US/docs/Web/CSS/::part
참조: : :slotted ShadowDOM 슬롯에 중첩된 자식을 위한 CSS 선택기
누군가에게 도움이 될 경우를 대비하여 div 包装了我的元素，添加了 ref를 사용하고
div
ref
const Shadow = ref.current.querySelector('my-element').shadowRoot
const target = Shadow?.querySelector('.need-target-this')
target.style.whatever = '值';
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
shadowDOM 내부의
태그를 사용하여 ShadowDOM의 스타일을 설정하세요참조 ::part: https://developer.mozilla.org/en-US/docs/Web/CSS/::part
참조: : :slotted ShadowDOM 슬롯에 중첩된 자식을 위한 CSS 선택기
누군가에게 도움이 될 경우를 대비하여
로 이동했습니다.div包装了我的元素，添加了ref를 사용하고const Shadow = ref.current.querySelector('my-element').shadowRootconst target = Shadow?.querySelector('.need-target-this')target.style.whatever = '值';