customElements

customElements - посилання на CustomElementRegistry.

Синтаксис:

window.customElements;

Параметри:

window - не обов'язково вказувати. Об'єкт window.

Опис:

customElements властивість об'єкта window яка містить посилання на об'єкт який може бути використаний для реєстрації нових елементів користувача і для отримати інформацію про раніше зареєстрованих елементів.

Це дозволяє створювати Web-компоненти.

Приклад:

alert( customElements );

<my-component></my-component>

class MyComponent extends HTMLElement{
	constructor(){
		super();
		this.input=document.createElement('input');
		this.input.addEventListener('input', function(){
			this.parentElement.label.innerText=this.value;
		});
		this.appendChild(this.input);

		this.label=document.createElement('label');
		this.appendChild(this.label);
	}
}

customElements.define("my-component", MyComponent);