customElements属性返回对CustomElementRegistry对象的引用,该对象可进一步用于注册新的自定义元素,从而获取有关先前已注册的自定义元素的信息。
用法:
var obj = window.customElements;
返回值:
CustomElementRegistry Object:此属性返回一个对象,其中包含有关定义的自定义元素的详细信息。
例:在此示例中,我们将获取有关自定义元素的信息,并将使用define()方法创建一个自定义元素。
customElements propertyGeeksForGeeks
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