原本應該是用document.registerElement()，但是在MDN上面顯示也已經棄用，建議新的使用方式是customElements.define(name, constructor, options)。不過試了一段時間卻，能註冊成功，卻不知道怎麼使用，後來去看了一下範例，(=_=|||)和我想的使用方式有點不同（不過其實這是第二種用法）。

原本預期註冊完的元素可以直接像是<custom-register-element></custom-register-element>使用，不過實際用法....是<p is="custom-register-element">

直接來看一下MDN上的範例：

主要可以分成兩個部分，一個是建立一個Class，且繼承原本任意HTML標籤類別。第二個部分是使用customElements.define()將元素進行註冊。

如果想要使用<custom-register-element></custom-register-element>這種方式的話，在註冊時不需要給定任何options參數。可以看一下範例。

不過可惜的是只有在Chrome可以成功，我在使用的firefox 62還沒支援，但是63好像可以了(62需要手動開起)。