Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Fenster: customElements-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.
DiecustomElements schreibgeschützte Eigenschaft derWindow-Schnittstelle gibt eine Referenz auf dasCustomElementRegistry-Objekt zurück, das verwendet werden kann, um neuebenutzerdefinierte 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 dieCustomElementRegistry.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 unseremweb-components-examples Repository.
Spezifikationen
| Specification |
|---|
| HTML # dom-window-customelements |