Shadow-Baum

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

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

• Um auf die Knoten des Shadow-Baums von außen zu skripten, muss eine spezielle Shadow-DOM-API verwendet werden.
• Das Styling eines Shadow-Baums von außen kann über CSS-Scoping und CSS-Shadow-Teile erreicht werden.