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

Der Autor

Viktor Dite aka Technickr

Hi, ich bin Viktor Dite - a.k.a. der Technickr - ein Digital Native seit 1995 und arbeite schon seit meiner Jugend mit Computern und dem Internet. Ich habe Informatik auf Diplom studiert und bin seit dem als Content- & Media-Creator, Affiliate, SEO, Social Media Manager und Advertiser unterwegs. Außerdem betreibe ich einen hochpreisigen E-Commerce-Shop, der sich auf Produkte zur Schlafoptimierung spezialisiert hat. Mein Leben besteht aus einer Hassliebe mit Technik, sodass ich hier auf mizine.de seit 2006 leidenschaftlich Artikel und seit 2019 auch Video über Tech-Gadgets verfasse und damit versuche Dir den Hass auf Technik zu ersparen und die Liebe für Technik zu gewinnen.

Kontakt