1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. グローバル属性
  5. is

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTML is グローバル属性

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

メモ: Safari はカスタム組み込み要素に対応する予定はなく、ブラウザーベンダーは組み込み要素のカスタマイズに関する代替ソリューションを検討しています。対応情報については、ブラウザーの互換性の節で調べてください。

is グローバル属性で、標準の HTML 要素が定義されたカスタム組み込み要素のように振る舞うよう指定することができます（詳しくはカスタム要素の使用を参照してください）。

この属性は、指定されたカスタム要素名が現在の文書で正常に定義され、適用されている要素型が拡張されている場合にのみ使用します。

例

次のコードは、 word-count-web-component の例から取得されたものです（ライブで参照）。

js
// 要素のクラスを作成
class WordCount extends HTMLParagraphElement {
  constructor() {
    // コンストラクターでは常に最初に super を呼び出すこと
    super();

    // コンストラクターの内容は簡略化のため除外しています
    // …
  }
}

// 新しい要素を定義
customElements.define("word-count", WordCount, { extends: "p" });
html
<p is="word-count"></p>

仕様書

仕様書
HTML
# attr-is

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告