javascript - オブジェクトへの参照をdom要素のデータプロパティに保存する方法は?

Question

dom ツリーの一部の要素について、現在の dom 要素のプロパティを反映する特定のオブジェクトへの参照を保存したいと考えています。各要素は、別のオブジェクトへの異なる参照を持つことも、同じものを参照することもできます。したがって、html5のデータプロパティを使用することは可能ですか、それともプレーンなjavascript(jqueryではありません)でそれを行う別の方法がありますか?

手伝ってくれてありがとう！

Answer 1

setAttribute単純に静的プロパティを保存する場合は、次のように各 dom 要素でメソッドを使用できます。

//Assume x is a dom node
x.setAttribute( 'data-myproperty' , JSON.stringify( your property object )  )

しかし、JSON でエンコードできないもの (または string として表現できないもの) を見ている場合は、他の方法を検討する必要があります。

jQuery データ メソッドは、実際には dom 要素自体には何も格納しません。渡されるすべてのデータを含む内部キャッシュを維持します。