javascript - document.registerElement() 有什么优势？

Question

不使用 document.registerElement('my-tag') 直接在 HTML 文档中使用自己的自定义标签似乎工作正常。它可以像往常一样设置样式等。

Answer 1

registerElement有两个优点:

1. 它返回该标签的构造函数，这意味着您可以通过 Javascript 实例化它，例如:
   var myTag = document.registerElement("my-tag");
document.body.appendChild(new myTag())
2. 它提供了第二个参数，允许您为元素选择原型(prototype)，例如
   var customImg = document.registerElement("custom-img", { prototype: Object.create(HTMLImageElement.prototype) });

第二个实际上是一个通用的选项对象，其中可以扩展附加原型(prototype)或扩展现有标签(如<img is="custom-img">)