Shadow DOM



Shadow DOM - это изолированный DOM внутри DOM. Его цель - инкапсулировать стили и элементы, область применения - это вебкомопоненты и элементы, котоые приходят из сторонних сервисов



Как это работает

метод elem.attachShadow создает теневое дерево внутри element и возвращает ссылку на него, далее можно добавить туда элементы и стили, которые будут не видны снаружи



примеры и подробное описание - в статье



#html #js #css