“is”属性について 指定できる値 サンプルコード ＃ “is”属性について “is”属性は要素に関連付けるカスタム要素を指定する属性です。 スクリプトで定義した拡張カスタム要素を要素に関連付けるために使用することができます。要素は“is”属性の値と同じ要素名を持つカスタム要素に関連付けられます。 ＃ 指定できる値 属性値 説明 カスタム要素の名前 カスタム要素の名前 ＃ サンプルコード class SampleElement extends HTMLButtonElement { constructor() { super(); this.addEventListener('click', () => alert("Hvordan har du det?")); } } customElements.define('sample-element', SampleElement, {extends: 'button'}); <button is="sample-element">クリックしてください</button> クリックしてください
Jul. 3rd, 2021
