ShadowRoot: host-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Die host schreibgeschützte Eigenschaft des ShadowRoot gibt eine Referenz auf das DOM-Element zurück, mit dem das ShadowRoot verbunden ist.
Wert
Ein DOM Element.
Beispiele
js
const customElem = document.querySelector("my-shadow-dom-element");
const shadow = customElem.shadowRoot;
// …
// return the original host element some time later
const hostElem = shadow.host;
Spezifikationen
| Specification |
|---|
| DOM # dom-shadowroot-host |
Browser-Kompatibilität
Siehe auch
- HTML-Attribute
partundexportparts - HTML-Elemente
<template>und<slot> - CSS-Pseudoklassen
:host,:host(), und:host-context() - CSS-Pseudoelemente
::partund::slotted