1. ホーム
  2. html

[解決済み] htmlのカスタムタグを作成する方法【終了しました

2022-03-10 05:34:16

質問

私は、特別な属性や動作を持つ、htmlのカスタムタグを作成する方法を学びたいと思っています。誰かがアドバイスを与えることができれば、私は最も感謝します。

どのように解決するのですか?

HTML5Rocks.com に、カスタム要素の扱い方に関する詳細で興味深い記事があります。 カスタム要素。HTMLに新しい要素を定義する

以下は、その方法の記事からの抜粋です。

要素のインスタンス化

カスタム要素にも、要素を作成する一般的なテクニックが適用されます。標準的な要素と同様に、HTML で宣言するか、JavaScript を使って DOM で作成することができます。 カスタムタグのインスタンス化

宣言してください。

<x-foo></x-foo>

JSでDOMを作成する。

var xFoo = document.createElement('x-foo');
xFoo.addEventListener('click', function(e) {
  alert('Thanks!');
});

newオペレータを使用します。

var xFoo = new XFoo();
document.body.appendChild(xFoo);