HTML DOM customElements get() 方法

customElements get()方法返回用于先前定义的自定义元素的构造函数。

句法：

constructor = customElements.get('custom-element-name');

参数：

• name：要返回其构造函数的自定义元素的名称。

返回值：此方法返回自定义元素的构造函数，如果没有具有该名称的自定义元素定义，则返回 undefined。

示例：在此示例中，我们将定义一个自定义元素，然后使用此方法获取其构造函数。

 
  

    get() method
   

      
        GeeksforGeeks  
     
     
    HTML | customElements get() method
    
    
    click here to get constructor
    
     
           
     
        var a = document.getElementById("a");
        function Geeks() {
            class CustomEl extends HTMLElement {
                  constructor() {
                    super()
                    this.attachShadow({ mode: 'open' })
                    this.shadowRoot.innerHTML = `
                      <h1 style="color:green;">  
                        GeeksforGeeks Custom Element Data
                    </h1>
                    `
                      }
                }
window.customElements.define('gfg-custom-element', CustomEl);
console.log(customElements.get('gfg-custom-element'));
        } 
  
     
   

输出：

点击按钮前：

单击按钮后：在控制台中，可以看到构造函数。

支持的浏览器：

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