Mit Javascript Shadow-Root kommst Du an jedes Element vom Shadow-DOM ran

Wenn Du per Javascript ein beliebiges Element vom Shadow-DOM auslesen oder manipulieren möchtest, dann zeige ich Dir in diesem kurzen Tutorial wie Du mit Javascript Shadow-Root an jedes Element vom Shadow-DOM rankommst.

Beispiel:

Um an das <div class="myClass"> im Shadow-Root dranzukommen, musst Du nur das folgende Objekt erstellen:

var responeEl = document.querySelector('#myID')
                .shadowRoot
                .querySelector('.myClass');

und alle Anpassung daran dann vornehmen:

 jQuery(responeEl).css("font-size", "19pt");

13. Juni 2022

Viktor Dite aka Technickr

Wer bin ich und was mache ich? Dipl. Informatiker seit 2010 | Digital Native seit 1995 | Content Creator | Affiliate | SEO | Social Media Management & Advertising | Media & Design Coordination | HighTicket eCommerce Shop Betreiber für Schlafoptimierung | Biohacker