We may earn an affiliate commission when you visit our partners.

Shadow DOM

Save

May 1, 2024 4 minute read

Shadow DOM, or simply Shadow Root, is a web development technique that enables the creation of encapsulated DOM trees that are hidden from the main document and other DOM trees. Introduced by the Web Components specification, Shadow DOM primarily serves two significant purposes: isolation and encapsulation.

Encapsulation and Isolation

Path to Shadow DOM

Take the first step.

We've curated one courses to help you on your path to Shadow DOM. Use these to develop your skills, build background knowledge, and put what you learn to practice.

Sorted from most relevant to least relevant:

XPath, CSS Selector, Web,DOM, SelectorsHub & TestCase Studio

XPath, CSS Selector, Web,DOM, SelectorsHub & TestCase...

Save

Help others find this page about Shadow DOM: by sharing it with your friends and followers:

Facebook

Copy Link

Reading list

We've selected four books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Shadow DOM.

HTML5 for Web Designers, Second Edition, 2nd Edition

Save

Covers the full range of HTML5 Web Components, including Shadow DOM.

HTML5 for Web Designers, Second Edition, 2nd Edition

Paperback

Check price

HTML5 for Web Designers, Second Edition, 2nd Edition

Kindle Edition

Check price

Designing with Web Standards

Save

Covers all aspects of Web Components, including Shadow DOM.

Designing With Web Standards

Paperback

Designing With Web Standards

Paperback

Designing with Web Standards (2nd Edition)

Paperback

Designing with Web Standards (Voices That Matter)

Kindle Edition

Using the HTML5 Filesystem API

Save

Provides a practical introduction to Web Components, including Shadow DOM.

Using the HTML5 Filesystem API (Paperback) - Common

Unknown Binding

Using the HTML5 Filesystem API: A True Filesystem...

Kindle Edition

DOM Scripting

Save

Provides a collection of recipes for using Web Components, including Shadow DOM.

Relevant careers

Web Developer

Front-End Developer

Software Engineer

Full-Stack Developer

User Experience (UX) Designer

Share this

Share to help others explore Shadow DOM:

Facebook

Link

Table of Contents

Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.