customElements属性

该 Window 接口的 customElements 只读属性用于返回对该 CustomElementRegistry 对象的引用，该对象可用于注册新的自定义元素并获取有关以前注册的自定义元素的信息。

customElements属性语法

let customElementRegistry = window.customElements;

customElements属性返回值

customElements 属性返回一个 CustomElementRegistry 对象实例，表示当前窗口的自定义元素注册表。

customElements属性示例

你会看到使用这个属性的最常见的例子是访问 CustomElementRegistry.define() 方法来定义和注册一个新的自定义元素，例如：

let customElementRegistry = window.customElements;
customElementRegistry.define('my-custom-element', MyCustomElement);

但是，它通常缩写为以下内容：

customElements.define('element-details',
  class extends HTMLElement {
    constructor() {
      super();
      const template = document
        .getElementById('element-details-template')
        .content;
      const shadowRoot = this.attachShadow({mode: 'open'})
        .appendChild(template.cloneNode(true));
  }
});

规范

浏览器兼容性

我们正在将兼容性数据转换为机器可读的JSON格式。

• 电脑端

• 移动端