ShadowRoot: host property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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

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

// ...

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

Specifications

Specification
DOM Standard
# dom-shadowroot-host

Browser compatibility

BCD tables only load in the browser

See also