Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion on "All about Shadow DOM" | Hashnode

Discussion

All about Shadow DOM

What is a Shadow DOM and how does it differ from regular DOM The Shadow DOM is a technology for encapsulating the internal structure of a web component and hiding it from the main DOM. It allows developers to create reusable components that are easie...

Dec 21, 2022·6 min read·utkarshdixit.hashnode.devRead the article

#shadowdom
#virtual-dom
#web-development
#web-components

Written by

Utkarsh Dixit

@yudee

Finding solace in the privilege to pursue

Responses1

Markdown supported · ⌘↵ to post

Ashwin

Hi utkarsh, any ideas what would happen keeping the {mode:"closed"}. Just wanting to know the use case

Utkarsh Dixit

Hey Ashwin, If we do {mode:"closed"} no CSS or JavaScript from the outside of the shadow DOM will have any effect on its content.