javascript registerElement用法

Question

最近发现的document.registerElement似乎很好，我可以将一堆HTML和JS代码封装在一个元素中。例如，我如何创建一个将成为引导模式的元素：

<bootstrap-modal>
<modal-header></modal-header>
<modal-body></modal-body>
</bootstrap-modal>

而不是插入模式所需的大量html。我需要一个下拉列表：

<dropdown>
<option href=""></option>
</dropdown>

这样声明元素好吗？如果是这样，为什么这种方法不常用呢？在大多数网站中，我只看到一堆带有许多类的div和span。

Answer 1

是的，像这样声明元素是很好的。

它并不常用，因为大多数浏览器都是don't implement it yet。

但是，如果您想让它们在其他浏览器中工作，则使用there's a polyfill。

它很快就会改变，因为自定义元素现在集成到了HTLM Living Standards中。

创建第一个自定义元素的一个很好的开始是阅读this article about Custom Elements v1*。

*注意：registerElement正在被一个名为defineElement的新函数取代，你至少需要Chrome v53才能让它工作。