Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

 

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Метод Element.attachShadow() прикрепляет теневое дерево DOM к указанному элементу и возвращает ссылку на егоShadowRoot( теневой корень).

Синтаксис

var shadowroot = element.attachShadow(shadowRootInit); 

Параметры

shadowRootInit
ShadowRootInit содержит следующие поля:

mode: Строка указывающая на режим инкапсуляции для shadowDOM:

  • open.  Указывает на открытие режима инкапсуляции.
    Это означает что элементы shadowRoot доступны для внешнего мира element.shadowRoot
     
    element.shadowRoot === shadowroot; // returns true
  • closed. Указывает на закрытие режима инкапсуляции.
    Этот режим запрещает доступ к узлам node(s) и закрыват теневой корень для внешнего мира
     
    element.shadowRoot === shadowroot; // returns false
    element.shadowRoot === null; // returns true
    

Возвращает

Вернёт a ShadowRoot.

Спецификации

Specification Status Comment
DOM
Определение 'attachShadow()' в этой спецификации.
Живой стандарт  

Совместимость браузеров

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 53.0 Нет Нет 43.0 10.0
Feature Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support 53.0 53.0 Нет ? ? ? ?

Метки документа и участники

 Внесли вклад в эту страницу: Sparks
 Обновлялась последний раз: Sparks,