Is there any essential difference between shadow DOM and shadow root?

Is there any essential difference between shadow DOM and shadow root?

If there is no essential difference then I guess it’s just an issue of parallel words.

The concept of a shadow root as just a part of a DOM with elements harder to manipulate then others if manipulating them is at all possible (if the shadow root is opened instead of closed) does makes sense to me.
But a concept of an entirely shadowy DOM doesn’t make sense to me because no one could access it or at least no one could manipulate anything in it, and I think that’s not something that we would generally want; I think, reminds of the term “dictatorship”.

DOM (Document Object Model) refers to the whole thing collectively. The root refers to the root ‘node’ of the DOM.

Was I correct that there is no point anywhere, anytime, to make a DOM completely shadowy?

I’d bet that yes there is no point, but there might be some “word game” here, hence I ask this.

Could you put an entire page in the shadow DOM? Yes.
Is there a reason to do so? Not really. All you’d have done at that point is make it harder on yourself to style and interact with the elements.

1 Like