I want to create a shadow DOM for an element so I can display elements for a Chrome extension without the page styles affecting them.
When I looked at the documentation for
open mode you can access the Shadow DOM via the
shadowRoot property of the HTML element.
closed mode you cannot.
shadowRoot will return
You can use both modes for you want to achieve.
Here is a detailed explanation of the differences.