假設我有帶有影子根的 html 元素。
<my-element> #shadow-root <div class='need-target-this' /> </my-element>
如何將 div 定位到 Shadow root 內?
我嘗試過使用
:host(my-element.need-target-this)
但這並沒有幫助。我在這裡缺少什麼?
P粉5210131232024-03-31 10:24:38
在shadowDOM內使用標籤設定shadowDOM的樣式
另請參閱::part:https://developer.mozilla.org/en-US/docs/Web/CSS/::part
customElements.define("my-element",class extends HTMLElement{ constructor(){ super().attachShadow({mode:"open"}).innerHTML = ``; } connectedCallback(){ this.shadowRoot.querySelector("span").innerHTML = `Web Component!`; } });
Hello
P粉2327937652024-03-31 00:21:30
萬一它會對某人有幫助:我用 div
包裝了我的元素,添加了 ref
然後去了
const Shadow = ref.current.querySelector('my-element').shadowRoot
#const target = Shadow?.querySelector('.need-target-this')
target.style.whatever = '值';