JavaScript nesnelerini HTML öğelerine eklemenin iyi bir yolu var mı?

Bir JavaScript nesnesini bir HTML öğesi ile ilişkilendirmek istiyorum. Bunu yapmanın kolay bir yolu var mı?

HTML DOM'un bir setAttribute yöntemi tanımladığını ve bunun keyfi öznitelik adı için tanımlanmış gibi göründüğünü fark ettim . Ancak bu yalnızca dize değerlerini ayarlayabilir. (Elbette bunu anahtarları bir sözlüğe kaydetmek için kullanabilirsiniz.)

Özellikler (genel soruyla ilgilenmeme rağmen):

Özellikle, bir ağaçtaki düğümleri temsil eden HTML öğelerim var ve sürükle ve bırak özelliğini etkinleştirmeye çalışıyorum, ancak jQuery drop olayı bana yalnızca sürüklenip bırakılan öğeleri verecek.

Olay işleyicilerden bilgi almak için normal model, JavaScript nesnelerini oluştururken aynı anda HTML öğelerini oluşturmak ve ardından bu JavaScript nesnelerini kapatarak olay işleyicileri tanımlamak gibi görünüyor - ancak bu, bunda çok iyi çalışmıyor durum (Bir sürüklenme başladığında doldurulan küresel bir nesneye sahip olabilirim ... ama bu biraz iğrenç geliyor).

JQuery data () yöntemine baktınız mı ? İsterseniz öğeye karmaşık nesneler atayabilir veya bu yöntemi en azından bir nesneye (veya başka bir veriye) başvuru tutmak için kullanabilirsiniz.

JavaScript nesnelerinin kendilerine atanmış keyfi özellikleri olabilir, buna izin vermek için yapmanız gereken özel bir şey yoktur. Bu, DOM öğelerini içerir; bu davranış DOM standardının bir parçası olmasa da, JavaScript'in ilk sürümlerine geri dönülmüştür ve tamamen güvenilirdir.

var div= document.getElementById('nav');
div.potato= ['lemons', 3];