Shadow DOM
Shadow DOM is a browser standard that lets developers attach an encapsulated, hidden DOM subtree to an element, keeping its internal structure, styles, and behavior isolated from the rest of the page.
7 resources across 2 libraries
Glossary Terms(5)
Polymer
Polymer was a JavaScript library from Google for building web applications using standards-based Web Components, letting developers create reusable, encapsulat…
Lit
Lit is a lightweight JavaScript library for building fast, standards-based Web Components using efficient reactive templates and minimal boilerplate.
Web Components
Web Components is a set of native browser standards — Custom Elements, Shadow DOM, and HTML Templates — that let developers create reusable, encapsulated custo…
Shadow DOM
Shadow DOM is a browser standard that lets developers attach an encapsulated, hidden DOM subtree to an element, keeping its internal structure, styles, and beh…
Custom Elements
Custom Elements is a browser standard that lets developers define new, reusable HTML tags with their own JavaScript behavior, which then work like any native H…
Interview Questions(2)
DOM vs Shadow DOM: What Is the Difference?
The regular DOM is the single, global tree of elements making up a page where any script or stylesheet can reach any node, while the shadow DOM attaches a sepa…
What Are Web Components?
Web Components are a set of native browser APIs — Custom Elements, Shadow DOM, and HTML Templates — that together let you define a reusable, encapsulated HTML…