CustomElementRegistry: get() method

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

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("custom-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
# dom-customelementregistry-get-dev

Browser compatibility

desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
get