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 # dom-shadowroot-host |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
host |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
See also
part
andexportparts
HTML attributes<template>
and<slot>
HTML elements:host
,:host()
, and:host-context()
CSS pseudo-classes::part
and::slotted
CSS pseudo-elements