カスタム データをページまたはアプリケーションのプライベート データとして HTML に保存するにはどうすればよいですか?

カスタム属性は、標準の HTML5 属性には含まれていない、特別に設計された属性です。独自のデータを追加して HTML タグをカスタマイズできます。

カスタム属性は、data- で始まる任意の属性です。 data-* 属性を使用して、すべての HTML コンポーネントにカスタム属性を埋め込むことができます。

構文: HTML

HTML では、data-* 属性の構文は比較的単純です。 data- で始まるすべての要素は data-* 属性です。

リーリー

構文: JavaScript を使用してアクセスします

JavaScript を使用してこれらのデータ プロパティにアクセスすることも比較的簡単です。 getAttribute() を完全な HTML 名とともに使用できます。これは、dataset 属性を使用して読み取ることができます。

rree

構文: CSS を使用したアクセス

CSS attr() 関数を使用してデータにアクセスします。

rree

以下は例です...

Example

の中国語訳は次のとおりです:

Example

次の例では、JavaScript を使用して属性の値を読み取ります。

リーリー ＃＃＃出力＃＃＃

上記のスクリプトを実行すると、何らかのデータを含む名前のリストの出力が生成されます。

いずれかの名前をクリックしようとすると、関数がデータを取得し、使用したカスタム データを示すアラート ボックスを表示します。

以上がカスタム データをページまたはアプリケーションのプライベート データとして HTML に保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。