JavaScript Custom Elements
30% OFF - 9th Anniversary discount on Entity Framework Extensions until December 15 with code: ZZZANNIVERSARY9
Syntax
- .prototype.createdCallback()
- .prototype.attachedCallback()
- .prototype.detachedCallback()
- .prototype.attributeChangedCallback(name, oldValue, newValue)
- document.registerElement(name, [options])
Parameters
| Parameter | Details |
|---|---|
| name | The name of the new custom element. |
| options.extends | The name of the native element being extended, if any. |
| options.prototype | The custom prototype to use for the custom element, if any. |
Remarks
Note that the Custom Elements specification has not yet been standardized, and is subject to change. The documentation describes the version that's been shipped in Chrome stable at this time.
Custom Elements is an HTML5 feature allowing developers to use JavaScript to define custom HTML tags that can be used in their pages, with associated styles and behaviours. They are often used with shadow-dom.
