Element.shadowRoot

Element.shadowRoot - тіньовий DOM.

Синтаксис:

Element.shadowRoot;

Параметри:

Element - об'єкт Element.

Опис:

shadowRoot властивість тільки для читання яка містить тіньовий DOM елемента. Властивість містить ShadowRoot, або null якщо елемент не має тіньового DOM або параметр mode='closed'.

Використовуйте Element.attachShadow() для додавання тіньового DOM до елемента.

Приклад:

alert( document.body.shadowRoot );

var div=document.getElementById('test');
var shadow=div.attachShadow({mode:'closed'});
var p=document.createElement('p');
p.innerText='shadow DOM';
shadow.append(p);

alert( div.shadowRoot );