The get() method of the CustomElementRegistry interface returns the constructor for a previously-defined custom element.
On this page
CustomElementRegistry: get() method
Syntax
js
get(name)
Parameters
-
name -
The name of the custom element.
Return value
The constructor for the named custom element, or undefined if there is no custom element defined with the name.
Examples
js
customElements.define(
"my-paragraph",
class extends HTMLElement {
constructor() {
let templateContent = document.getElementById("my-paragraph").content;
super() // returns element this scope
.attachShadow({ mode: "open" }) // sets AND returns this.shadowRoot
.append(templateContent.cloneNode(true));
}
},
);
// Return a reference to the my-paragraph constructor
let ctor = customElements.get("my-paragraph");
Specifications
| Specification |
|---|
| HTML Standard # dom-customelementregistry-get-dev |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
get |
54 | 79 | 63 | No | 41 | 10.1 | 54 | 54 | 63 | 41 | 10.3 | 6.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/get