Fenster: customElements-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 customElements schreibgeschützte Eigenschaft der Window-Schnittstelle gibt eine Referenz auf das CustomElementRegistry-Objekt zurück, das verwendet werden kann, um neue benutzerdefinierte Elemente zu registrieren und Informationen über bereits registrierte benutzerdefinierte Elemente zu erhalten.
Beispiele
Das häufigste Beispiel, das Sie für die Verwendung dieser Eigenschaft sehen werden, ist der Zugriff auf die CustomElementRegistry.define()-Methode, um ein neues benutzerdefiniertes Element zu definieren und zu registrieren, z.B.:
let customElementRegistry = window.customElements;
customElementRegistry.define("my-custom-element", MyCustomElement);
In der Regel wird dies jedoch wie folgt verkürzt:
customElements.define(
"element-details",
class extends HTMLElement {
constructor() {
super();
const template = document.getElementById("element-details-template");
const shadowRoot = this.attachShadow({ mode: "open" }).appendChild(
document.importNode(template.content, true),
);
}
},
);
Weitere Anwendungsbeispiele finden Sie in unserem web-components-examples Repository.
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-window-customelements |