Wie positioniere ich das Div innerhalb von Shadowroot? Ich habe versucht, :host(my-element.need-target-this) zu verwenden, aber das hat nicht geholfen. Was fehlt mir hier?">
Heim > Fragen und Antworten > Hauptteil
Angenommen, ich habe ein HTML-Element mit Schattenstamm.
1 2 3 4 |
|
Wie positioniere ich div innerhalb der Schattenwurzel?
Ich habe es mit
versucht1 |
|
Aber das hilft nicht. Was fehlt mir hier?
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!`; } });
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
Antwort0
![P粉232793765](https://www.php.cn/static/images/user_avatar.jpg)
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 = '值';
Antwort0
Stornieren