惑星アイコンhccbe

Custom Elementsのテスト

<x-custom>独自要素の中身</x-custom>

CSSの認識

「独自要素の中身」が黄色い背景の黒文字ならばCSSが働いている。

JavaScriptの認識

「独自要素の中身」をクリックして反応すればJavaScriptが働いている。

独自要素のオブジェクト

instanceof HTMLElement:
__proto__ == HTMLElement.prototype:

instanceof HTMLUnknownElement:
__proto__ == HTMLUnknownElement.prototype:

独自要素のオブジェクトの変更

 Button要素を継承させる

instanceof HTMLElement:
__proto__ == HTMLElement.prototype:

instanceof HTMLUnknownElement:
__proto__ == HTMLUnknownElement.prototype:

instanceof HTMLButtonElement:
__proto__ == HTMLButtonElement.prototype:

instanceof XCustom:
__proto__ == XCustom.prototype: