Cây shadow

Shadow tree (bóng cây) là tập hợp các nút DOM ẩn mà nút trên cùng là một shadow root. Shadow root là nút trên cùng của shadow DOM và không thuộc cây DOM thông thường của tài liệu.

Shadow root được gắn vào một cây nút khác thông qua một nút DOM cụ thể gọi là host của nó. Host này có thể là một phần của bóng cây khác hoặc cây DOM thông thường. Cây nút của host của shadow root đôi khi được gọi là light tree (cây sáng).

Các nút DOM ẩn của bóng cây thường không bị ảnh hưởng bởi bất cứ điều gì áp dụng bên ngoài bóng cây, và ngược lại. Ranh giới shadow (shadow boundary), nơi shadow DOM kết thúc và DOM thông thường bắt đầu, có thể được vượt qua, nhưng chỉ khi có chủ đích rõ ràng:

• Việc thao tác script các nút bóng cây từ bên ngoài yêu cầu sử dụng Shadow DOM API chuyên dụng.
• Việc tạo kiểu cho bóng cây từ bên ngoài có thể thực hiện thông qua CSS scoping và CSS shadow parts.