Back to Content

CustomElementRegistry: getName() method

files/en-us/web/api/customelementregistry/getname/index.md

latest1005 B
Original Source

{{APIRef("Web Components")}}

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

Syntax

js-nolint
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() {
    const template = document.getElementById("custom-paragraph");
    super() // returns element this scope
      .attachShadow({ mode: "open" }) // sets AND returns this.shadowRoot
      .append(document.importNode(template.content, true));
  }
}

customElements.define("my-paragraph", MyParagraph);

// Return a reference to the my-paragraph constructor
customElements.getName(MyParagraph) === "my-paragraph";

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}