ShadowRoot: host-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| 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