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

構文: HTML

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

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

Example

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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

PHPz

Sep 12, 2023 pm 02:25 PM

カスタムデータをページまたはアプリケーションのプライベートデータとして 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 サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7333

Java チュートリアル

1627

CakePHP チュートリアル

1351

Laravel チュートリアル

1262

PHP チュートリアル

1209

Related knowledge

公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？ Mar 04, 2025 pm 12:32 PM

公式アカウントのWebページはキャッシュを更新します。これはシンプルでシンプルで、ポットを飲むのに十分な複雑です。あなたは公式のアカウントの記事を更新するために一生懸命働きましたが、ユーザーはまだ古いバージョンを開くことができますか？この記事では、この背後にあるtwist余曲折と、この問題を優雅に解決する方法を見てみましょう。それを読んだ後、さまざまなキャッシュの問題に簡単に対処でき、ユーザーが常に新鮮なコンテンツを体験できるようになります。最初に基本について話しましょう。それを率直に言うと、アクセス速度を向上させるために、ブラウザまたはサーバーはいくつかの静的リソース（写真、CSS、JSなど）やページコンテンツを保存します。次回アクセスするときは、もう一度ダウンロードすることなく、キャッシュから直接検索できます。自然に高速です。しかし、このことは両刃の剣でもあります。新しいバージョンはオンラインです、