Shadow-Baum

Ein Shadow-Baum ist eine verborgene Menge von DOM-Knoten, deren oberster Knoten eine Shadow-Root ist. Die Shadow-Root ist der oberste Knoten eines Shadow DOM und nicht Teil des normalen DOM-Baums des Dokuments.

Die Shadow-Root ist über einen speziellen DOM-Knoten mit einem anderen Baum von Knoten verbunden, der als ihr Host bezeichnet wird. Dieser Host kann Teil eines anderen Shadow-Baums oder Teil des normalen DOM-Baums sein. Der Knotenbaum eines Hosts einer Shadow-Root wird manchmal als Light-Baum bezeichnet.

Die verborgenen DOM-Knoten eines Shadow-Baums werden im Allgemeinen nicht von etwas beeinflusst, das außerhalb des Shadow-Baums angewendet wird, und umgekehrt. Die Shadow-Grenze, an der das Shadow DOM endet und das normale DOM beginnt, kann überschritten werden, jedoch nur sehr gezielt:

• Das Skripten von Shadow-Baum-Knoten von außerhalb erfordert die Verwendung einer speziellen Shadow DOM API, um darauf zuzugreifen.
• Das Stylen eines Shadow-Baums von außen kann durch CSS Scoping und CSS Shadow Parts erreicht werden.