[解決済み] 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);
関連
-
[解決済み】「選択されたファイルがありません」を変更しました。
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み] html : iframeでhtmlのコンテンツが表示されない。
-
[解決済み] HTMLでSVGを使用して三日月を描画する
-
[解決済み] テーブルセルの背景を透明にする方法
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか?
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました
-
[解決済み] h7、h8、h9などのhtmlタグを作成することは可能でしょうか【重複