搜尋

首頁  >  問答  >  主體

如何在沒有 JS 的情況下將影子根中的目標定位到類別?

假設我有帶有影子根的 html 元素。

<my-element>
#shadow-root
<div class='need-target-this' />
</my-element>

如何將 div 定位到 Shadow root 內?

我嘗試過使用

:host(my-element.need-target-this)

但這並沒有幫助。我在這裡缺少什麼?

P粉610028841P粉610028841232 天前408

全部回覆(2)我來回復

  • P粉521013123

    P粉5210131232024-03-31 10:24:38

    • 在shadowDOM內使用 `; } connectedCallback(){ this.shadowRoot.querySelector("span").innerHTML = `Web Component!`; } });

      
      
      Hello
      
      

      回覆
      0
  • P粉232793765

    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 = '值';

    #

    回覆
    0
  • 取消回覆