HTML DOM customElements upgrade() 方法

customElements upgrade()方法升级节点子树中文档的所有包含阴影的自定义元素，甚至在它们连接到主文档之前也是如此。

句法：

customElements.upgrade(root);

参数：

• root：一个节点实例，包含要升级的包含阴影的后代元素。

返回值：此方法返回void。

例子：

HTML

  

    
        GeeksforGeeks
    
  
    
        HTML | customElements upgrade() method
    
  
    
        Check
    
  
    Upgrade
      
    
  
    
        var a = document.getElementById("a");
  
        const el = document
            .createElement("gfg-custom-element");
  
        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);
                  
        function Geeks() {
            a.innerHTML = "Upgraded : " 
                + (el instanceof CustomEl);
        }
        function upg() {
            customElements.upgrade(el);
        }
    

  

输出：

支持的浏览器：

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