is 属性

is 属性カスタマイズされた組み込み要素の名前

is 属性は、カスタマイズされた組み込み要素（カスタム機能によって拡張された既存の HTML 要素）の名前を指定するために用いられます。

カスタマイズされた組み込み要素を定義した上で、そのカスタム要素名を is 属性に指定することで、当該要素とカスタマイズされた組み込み要素とを関連付けて利用することが可能になります。

is 属性の仕様

この属性を使用できる要素

すべての HTML 要素

is 属性のサンプルソース

<script>
  class PlasticButton extends HTMLButtonElement {
    constructor() {
      super();
  
      this.addEventListener("click", () => {
        // 処理は省略
      });
    }
  }
  customElements.define("plastic-button", PlasticButton, { extends: "button" });
<script>

<button is="plastic-button">クリック！</button>