Shadow tree

Ein Shadow Tree ist eine versteckte Menge von DOM-Knoten, deren oberster Knoten eine Shadow Root ist. Die Shadow Root ist der oberste Knoten eines Shadow DOM und gehört nicht zum regulären DOM-Baum des Dokuments.

Die Shadow Root ist über einen speziellen DOM-Knoten, der als Host bezeichnet wird, an einen anderen Knotenzweig angehängt. Dieser Host kann Teil eines anderen Shadow Trees oder Teil des regulären DOM-Baums sein. Der Knotenzweig des Hosts einer Shadow Root wird manchmal als Light Tree bezeichnet.

Die versteckten DOM-Knoten eines Shadow Trees sind im Allgemeinen von außen angewendeten Änderungen nicht betroffen, und umgekehrt. Die Shadow-Grenze, an der das Shadow DOM endet und das reguläre DOM beginnt, kann überschritten werden, jedoch nur sehr gezielt:

• Um Scriptings von Shadow Tree-Knoten von außerhalb auszuführen, ist die Verwendung einer speziellen Shadow DOM API erforderlich.
• Das Stylen eines Shadow Trees von außen kann durch CSS-Scoping und CSS-Shadow-Teile erreicht werden.