jquery - DOM3 getUserData/setUserData メソッドの置き換え

Question

このように、 DOM3 メソッド get/setUserData()を使用して DOM 内のデータをやり取りする、昔ながらの Firefox 拡張コードがいくつかあります。残念ながら、これらはDOM4で廃止されたため、Firefox はそれらのサポートを中止する予定であり、Chrome は最初からサポートしていませんでした。

クロスブラウザの代替品はありますか? jQuery$.dataもオプションのようですが、「純粋な」JavaScript の方が望ましいでしょう。

Answer 1

そのため、最終的には jQuery を使用することにしました。コア ライブラリはわずか 75k 程度であり、問​​題を非常にきれいに解決します。

element.getUserData('foo') --> $(element).data('foo')

element.setUserData('foo', 'bar', null) --> $(element).data('foo', 'bar')

Answer 2

にデータを格納できるカスタム イベントを使用します。detail

参照: Web ページから Firefox 拡張機能にデータを転送するにはどうすればよいですか

Answer 3

要素に必要なプロパティを設定するだけです。

element.key = value;

DOM 要素/ノードは単なる JavaScript オブジェクトです。ネイティブ プロパティ ( など) との名前の衝突を避けるためにid、キーの前にアンダースコアを付けることができます。

element._id = "foo";