W3cubDocs

/Web APIs

CustomElementRegistry: getName() method

The getName() method of the CustomElementRegistry interface returns the name for a previously-defined custom element.

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

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