Bagaimana untuk menyasarkan kelas dalam akar bayangan tanpa JS?
P粉610028841
P粉610028841 2024-03-30 12:47:21
0
2
396

Andaikan saya mempunyai elemen html dengan akar bayang.

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

Bagaimana untuk meletakkan div di dalam akar Shadow?

Saya cuba menggunakan

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

Tetapi itu tidak membantu. Apa yang saya hilang di sini?

P粉610028841
P粉610028841

membalas semua(2)
P粉521013123

customElements.define("my-element",class extends HTMLElement{
  constructor(){
    super().attachShadow({mode:"open"}).innerHTML = `
    
    
    `;
  }
  connectedCallback(){
    this.shadowRoot.querySelector("span").innerHTML = `Web Component!`;
  }
});


Hello

P粉232793765

Sekiranya ia membantu seseorang: Saya menggunakan div 包装了我的元素,添加了 ref dan pergi ke

const Shadow = ref.current.querySelector('my-element').shadowRoot

const target = Shadow?.querySelector('.need-target-this')

target.style.whatever = '值';

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!