Özel verilerin dom öğelerinde saklanması

Question

Bu yanlış mı? Öyleyse neden?

var elm = document.getElementById("myElm"); 
elm.customValue = {attr1 : "test", attr2 : "test"}; 

veri özellikleridir nasıl kullanılacağını anlamak, ama tüm bu özelliklerle benim dom kadar çamurlu istemiyoruz.

Answer 1

Bu, bazı tarayıcılarda bazı yerel C nesnelerini (DOM öğesi) ve bir JS nesnesini birbirine bağladığınız ve bazı çöp toplama algoritmalarının bununla baş edemediğinizden bir bellek sızıntısı ortaya çıkarır. IE bunlardan biri. http://msdn.microsoft.com/en-us/library/ie/bb250448(v=vs.85).aspx

Answer 2

HTML5 veri özelliklerini dikkate almalıdır:

İşte IE bellek sızıntıları hakkında bir MSDN makale. adamın kendisi itibaren

: http://ejohn.org/blog/html-5-data-attributes/

Answer 3

Alt çizgi, neden doğru araçlarını kullanın ki? Gelecekte, yakın ya da uzak, hangi özel özellik adının kullanıldığını, söz konusu öğenin w3c özelliklerine eklenip eklenmeyeceğini bilmiyorsunuz. Şimdi aniden kodunuz bozuldu.

Önceden tanımlanmış özelliklere sahip öğelere özel özellikler eklenmesi, kodunuzu bakım kâbusuna dönüştürür. Siz ya da ileride bir başkası olup olmadığına bakılmaksızın, geliştiricinin a) bir öğeye özel bir özellik eklendiğinde ya da b) öğenin kendisinin aslında bir "a" olduğu bir "wtf" anı olacaktır. özel nesne.

Son olarak, bu öğe Ajax veya dinamik HTML üzerinden dom olarak değiştirilirse ne olur? Şimdi mülk gitti ve kodunuz kırıldı.