web api instance property
ShadowRoot: host property
The host read-only property of
the ShadowRoot returns a reference to the DOM element the
ShadowRoot is attached to.
Value
A DOM Element.
Examples
const customElem = document.querySelector("my-shadow-dom-element");
const shadow = customElem.shadowRoot;
// …
// return the original host element some time later
const hostElem = shadow.host;
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
partandexportpartsHTML attributes<template>and<slot>HTML elements:host,:host(), and:host-context()CSS pseudo-classes::partand::slottedCSS pseudo-elements