The getName() method of the CustomElementRegistry interface returns the name for a previously-defined custom element.
On this page
CustomElementRegistry: getName() method
Syntax
js
getName(constructor)
Parameters
-
constructor -
Constructor for the custom element.
Return value
The name for the previously defined custom element, or null if there is no custom element defined with the constructor.
Examples
js
class MyParagraph 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));
}
}
customElements.define("my-paragraph", MyParagraph);
// Return a reference to the my-paragraph constructor
customElements.getName(MyParagraph) === "my-paragraph";
Specifications
| Specification |
|---|
| HTML Standard # dom-customelementregistry-getname |
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 | |
getName |
117 | 117 | 116 | No | 103 |
previewSupports 'Autonomous custom elements' but not 'Customized built-in elements'. |
117 | 117 | 116 | No |
NoSupports 'Autonomous custom elements' but not 'Customized built-in elements'. |
No |
© 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/getName