---
title: "Discussion on \"All about Shadow DOM\" | Hashnode"
description: "Discussion on \"All about Shadow DOM\". What is a Shadow DOM\nand how does it differ from regular DOM\nThe 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..."
url: "https://hashnode.com/posts/all-about-shadow-dom/63a2f80f5ca75f0fe374d18e"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [All about Shadow DOM](https://utkarshdixit.hashnode.dev/all-about-shadow-dom?utm_source=hashnode&utm_medium=feed)

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.dev  
Read the article

-   [#shadowdom](https://hashnode.com/tag/shadowdom)
-   [#virtual-dom](https://hashnode.com/tag/virtual-dom)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#web-components](https://hashnode.com/tag/web-components)

## Written by

[Utkarsh Dixit](https://hashnode.com/@yudee)

@yudee

  
[View profile](https://hashnode.com/@yudee)

Finding solace in the privilege to pursue

## Responses 1

Markdown supported · ⌘↵ to post

[Ashwin](https://hashnode.com/@ashwinyes)

[Feb 4, 2023](https://hashnode.com/posts/all-about-shadow-dom/63a2f80f5ca75f0fe374d18e/comment/63de4a6a16b1848f67529dc0)

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

[Utkarsh Dixit](https://hashnode.com/@yudee)

[Feb 4, 2023](https://hashnode.com/posts/all-about-shadow-dom/63a2f80f5ca75f0fe374d18e/comment/63de4a6a16b1848f67529dc0#reply-63de51dd16b1848f67529f5a)

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.