ShadowRoot: host property
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Thehost read-only property oftheShadowRoot returns a reference to the DOM element theShadowRoot is attached to.
Value
A DOMElement.
Examples
js
const customElem = document.querySelector("my-shadow-dom-element");const shadow = customElem.shadowRoot;// …// return the original host element some time laterconst hostElem = shadow.host;Specifications
| Specification |
|---|
| DOM # dom-shadowroot-host |
Browser compatibility
See also
partandexportpartsHTML attributes<template>and<slot>HTML elements:host,:host(), and:host-context()CSS pseudo-classes::partand::slottedCSS pseudo-elements