window屬性：customElements

customElements屬性

該 Window 接口的 customElements 只讀屬性用于返回對(duì)該 CustomElementRegistry 對(duì)象的引用，該對(duì)象可用于注冊(cè)新的自定義元素并獲取有關(guān)以前注冊(cè)的自定義元素的信息。

customElements屬性語(yǔ)法

let customElementRegistry = window.customElements;

customElements屬性返回值

customElements 屬性返回一個(gè) CustomElementRegistry 對(duì)象實(shí)例，表示當(dāng)前窗口的自定義元素注冊(cè)表。

customElements屬性示例

你會(huì)看到使用這個(gè)屬性的最常見的例子是訪問 CustomElementRegistry.define() 方法來(lái)定義和注冊(cè)一個(gè)新的自定義元素，例如：

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

但是，它通常縮寫為以下內(nèi)容：

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));
  }
});

規(guī)范

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

• 電腦端

• 移動(dòng)端