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