ShadowRoot: свойство host

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

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

Свойство host только для чтения объекта ShadowRoot возвращает ссылку на элемент DOM, к которому прикреплён ShadowRoot.

Значение

Объект DOM Element.

Примеры

let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;

// ...

// return the original host element some time later
let hostElem = shadow.host;

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

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

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

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

См. также

part и exportparts атрибуты HTML
<template> и <slot> HTML элементы
:host, :host() и :host-context() псевдоклассы CSS
::part и ::slotted псевдоэлементы CSS

© 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/host