ShadowRoot: свойство mode

Базовая поддержка Широко распространена

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Чтение-только свойство mode объекта ShadowRoot указывает его режим — либо open , либо closed. Это определяет, доступны ли внутренние компоненты тенированного корня из JavaScript.

Когда режим mode тенированного корня равен "closed", внутренние реализации тенированного корня недоступны и неизменяемы из JavaScript — так же, как внутренние реализации, например, элемента <video> недоступны и неизменяемы из JavaScript.

Значение свойства устанавливается с помощью свойства options.mode объекта, переданного в метод Element.attachShadow(), или с помощью атрибута shadowrootmode элемента <template> при декларативном создании тенированного корня.

Значение

Строковое значение, которое может принимать одно из следующих значений:

open: Элементы тенированного корня доступны из JavaScript за пределами корня.
closed: Узлы внутри закрытого дерева тенированного корня недоступны из JavaScript вне корня.

Примеры

// We create a closed shadow root, that is not accessible
let element = document.createElement("div");
element.attachShadow({ mode: "closed" });
element.shadowRoot; // null as the shadow root is closed

// We create an open shadow root, that is accessible
let element2 = document.createElement("div");
element2.attachShadow({ mode: "open" });
console.log(`The shadow is ${element2.shadowRoot.mode}`); // logs "The shadow is open"
element2.shadowRoot.textContent("Opened shadow"); // The shadow is open, we can access it from outside

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

Спецификация
DOM # dom-shadowroot-mode

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`mode`	53	79	63	40	10.1	53	63	41	10.3	6.0	53

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/mode