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 spezifischen DOM-Knoten, der als Host bezeichnet wird, mit einem anderen Knotenbaum verbunden. Dieser Host kann Teil eines anderen Shadow Trees oder Teil des regulären DOM-Baums sein. Der Knotenbaum des Hosts einer Shadow Root wird manchmal als Light Tree bezeichnet.

Die versteckten DOM-Knoten eines Shadow Trees werden im Allgemeinen nicht von etwas beeinträchtigt, das außerhalb des Shadow Trees angewendet wird, und umgekehrt. Die Shadow Boundary, an der das Shadow DOM endet und das reguläre DOM beginnt, kann durchquert werden, jedoch nur sehr gezielt:

• Um Knoten des Shadow Trees von außen zu skripten, ist die Verwendung einer speziellen Shadow DOM API erforderlich.
• Das Stylen eines Shadow Trees von außen kann über CSS Scoping und CSS Shadow Parts erreicht werden.