javascript registerElement usage

Question

最近發現document.registerElement 看來不錯，我可以在一個元素中封裝一堆HTML和JS代碼。 我怎麼能例如創建，這將是自舉模式的元素：的

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

代替插入大量的HTML代碼的，模態要求。 我需要一個下拉列表：

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

這是有益的聲明這樣的元素呢？ 如果是這樣，爲什麼這種方法不常用？在大多數網站，我只看到一堆的div和跨越很多類..

Answer 1

是的，這是很好的宣佈這樣的元素。

這不常用，因爲大多數瀏覽器don't implement it yet。

但是there's a polyfill如果你想讓他們在其他瀏覽器中工作。

它會很快改變，因爲自定義元素現在集成在HTLM Living Standards中。

創建您的第一個自定義元素的好開始是this article about Custom Elements v1 *。

*注：的registerElement是由一個名爲defineElement新功能所取代，你將需要至少鉻V53，使其工作。