The get()
method of the CustomElementRegistry
interface returns the constructor for a previously-defined custom element.
Syntax
constructor = customElements.get(name);
Parameters
- name
- The name of the custom element whose constructor you want to return a reference to.
Return value
The constructor for the named custom element, or undefined
if there is no custom element definition with that name.
Examples
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 | Status | Comment |
HTML Living StandardThe definition of 'customElements.get()' in that specification. | Living Standard | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome Full support 66 Full support 66 Notes' Support for 'Customized built-in elements' as well. Full support 54 Notes' Support for 'Autonomous custom elements' only. |
Edge Full support 79 Full support 79 Notes' Support for 'Customized built-in elements' as well. Full support 79 Notes' Support for 'Autonomous custom elements' only. |
Firefox Full support 63 Full support 63 No support 59 — 63 Disabled' From version 59 until version 63 (exclusive): this feature is behind the Disabled' Until version 59 (exclusive): this feature is behind the |
IE
No support No |
Opera Full support 53 Full support 53 Notes' Support for 'Customized built-in elements' as well. Full support 41 Notes' Support for 'Autonomous custom elements' only. |
Safari Full support 10.1 Full support 10.1 Notes' Supports 'Autonomous custom elements' but not 'Customized built-in elements' |
WebView Android Full support 66 Full support 66 Notes' Support for 'Customized built-in elements' as well. Full support 54 Notes' Support for 'Autonomous custom elements' only. |
Chrome Android Full support 66 Full support 66 Notes' Support for 'Customized built-in elements' as well. Full support 54 Notes' Support for 'Autonomous custom elements' only. |
Firefox Android Full support 63 Full support 63 No support 59 — 63 Disabled' From version 59 until version 63 (exclusive): this feature is behind the Disabled' Until version 59 (exclusive): this feature is behind the |
Opera Android Full support 47 Full support 47 Notes' Support for 'Customized built-in elements' as well. Full support 41 Notes' Support for 'Autonomous custom elements' only. |
Safari iOS Full support 10.3 Full support 10.3 Notes' Supports 'Autonomous custom elements' but not 'Customized built-in elements' |
Samsung Internet Android Full support 9.0 Full support 9.0 Notes' Support for 'Customized built-in elements' as well. Full support 6.0 Notes' Support for 'Autonomous custom elements' only. |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
- See implementation notes.'
- See implementation notes.
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
CustomElementRegistry.get() by Mozilla Contributors is licensed under CC-BY-SA 2.5.