ShadowRoot.styleSheets

ShadowRoot.styleSheets - стилі CSS тіньового DOM.

Синтаксис:

ShadowRoot.styleSheets

Параметри:

ShadowRoot - об'єкт ShadowRoot.

Опис:

styleSheets властивість об'єкт ShadowRoot яка містить StyleSheetList з CSSStyleSheet об'єктів, таблиць стилів CSS тіньового DOM.

Приклад:

#test

var div=document.getElementById('test');
var shadow=div.attachShadow({mode:'open'});
alert( 'кількість стилів у тіньовому DOM: '+shadow.styleSheets.length );

#test2

var div=document.getElementById('test2');
var shadow=div.attachShadow({mode:'open'});

var p=document.createElement('p');
p.innerText='JavaScript';

var style=document.createElement('style');
style.textContent='p{text-align:center;}';

shadow.appendChild(p);
shadow.appendChild(style);
alert( shadow.styleSheets[0] );