HTML DOM 窗口 customElements 属性

customElements属性返回对 CustomElementRegistry 对象的引用，该对象可进一步用于注册新的自定义元素，从而获取有关先前注册的自定义元素的信息。

句法：

var obj = window.customElements;

返回值：

• CustomElementRegistry 对象：此属性返回一个对象，其中包含有关定义的自定义元素的详细信息。

示例：在此示例中，我们将获取有关自定义元素的信息，并将使用 define()方法创建自定义元素。

 
  

    customElements property
   

      
        GeeksForGeeks  
     
     
    HTML | customElements property    
    
    
    click here
    
     
           
     
        var arr = document.getElementById("arr");
        function Geeks() {
          let customElementRegistry = window.customElements;
          class CustomTitle extends HTMLElement {
              constructor() {
                super()
                this.attachShadow({ mode: 'open' })
                this.shadowRoot.innerHTML = `
                <h1>Newly Defined Custom Element's Data</h1>
                    `
                      }
                }
        window.customElements.define(
                'custom-title', CustomTitle);
        console.log(customElementRegistry)
        } 
     
    
   

输出：

点击按钮前：

点击按钮后：

自定义元素对象：

支持的浏览器：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧