Window: Propiedad customElements
La propiedad de solo lectura customElements
de la interfaz Window
, devuelve una referencia al objeto CustomElementRegistry
, el cual puede usarse para registrar un nuevo elemento personalizado y obtener información sobre el elemento previamente registrado.
Ejemplos
El ejemplo mas común que verás de esta propiedad es para acceder al método CustomElementRegistry.define()
para definir y registrar un nuevo elemento personalizado, por ejemplo:
js
let customElementRegistry = window.customElements;
customElementRegistry.define("my-custom-element", MyCustomElement);
Sin embargo, generalmente se acorta como se muestra a continuación:
js
customElements.define(
"element-details",
class extends HTMLElement {
constructor() {
super();
const template = document.getElementById(
"element-details-template",
).content;
const shadowRoot = this.attachShadow({ mode: "open" }).appendChild(
template.cloneNode(true),
);
}
},
);
Consulta nuestro repositorio web-components-examples para obtener mas ejemplos.
Especificaciones
Specification |
---|
HTML Standard # dom-window-customelements |
Compatibilidad con navegadores
BCD tables only load in the browser