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)返信します