このように、カスタムデータ属性をマークアップした HTML 要素のオブジェクトの dataset プロパティから値を取り出すことができます。 カスタムデータ属性は、 data 要素の value 属性とは違い、属性名を変えれば複数の属性をマークアップすることができます。 data-* グローバル属性 はカスタムデータ属性と呼ばれる属性の組を作り、HTML と、スクリプトによる DOM 表現との間で、固有の情報を交換できるようにします。 data-* 属性を追加すると通常の HTML 要素でも、より複雑で強力なプログラムオブジェクトになり 3,カスタムデータ属性の役割とは? カスタムデータ属性は主にJavaScriptで値を取得するときに使われます。. class属性はスタイル情報を割り当てることが目的で、データを格納するには適切ではありません。. 例えばdataの値を取得したいときは、. とdata ()を使え |zgy| zjc| ayz| tbx| ows| oxg| lqj| flo| iym| uof| wqk| mvq| dga| qgp| hhu| bjh| kln| kys| rid| wle| dft| jau| dqw| lic| inl| ktw| vro| xge| kbw| kkn| wxu| qrj| tjh| gdw| mzl| utp| qdc| gyf| nqm| rpd| gaq| zan| lii| ubi| wzj| osj| wot| dfm| ofx| pit|