فرق dom و shadow dom

سلام.
یک مقاله با همین موضوع در راکت وجود دارد.
امیدوارم کمک کننده باشد:
shadow-dom

سلام
dom که همون درخت عناصر HTML هست یعن همون صفحه وب که مثل درخت، شاخه شاخه میشه که هر شاخه هم تگ های html هست و شما با جاوااسکریپت میتونی اونا رو بگیری و تغییر بدی.
shadow dom هم یک ساختاریه وسط همه تگ های html که واسه خودش استایل های مربوط به خودش رو داره و استایل های سند html روش تاثیر نمیذاره. مثل iframe که یک آدرس از یه سایت دیگه رو وسط سایت خودمون نمایش میدیم و استایل های ما روی اون تاثیر نمیذاره