html的windows属性,HTML DOM window customElements属性用法及代码示例

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

用法:

var obj = window.customElements;

返回值：

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

例：在此示例中，我们将获取有关自定义元素的信息，并将使用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 = `

Newly Defined Custom Element's Data

`

}

}

window.customElements.define(

'custom-title', CustomTitle);

console.log(customElementRegistry)

}

输出：

按钮单击之前：

单击按钮后：

customElements对象：

支持的浏览器：

谷歌浏览器

Edge

Firefox

Safari

Opera