1. 创建一个自定义元素
创建一个元素
class details extends HTMLElement {
constructor() {
super();
this.innerHTML = `<div>点击我</div>`
}
}
customElements.define('element-details', details);
这样便可以使用标签<element-details />了。
<element-details />
渲染后的效果:
<body>
<element-details>
<div>点击我</div>
</element-details>
</body>