Если вы считаете, что разметка предназначена для представления, то сопоставление данных с элементами HTML несовместимо с этой философией. Если вы считаете, что это не имеет значения, используйте атрибуты data- , представленные в HTML5. Однако обратите внимание, что HTML5 не является стандартом и еще не получил широкой поддержки (если термин «поддерживается» имеет какое-либо значение в контексте «живой спецификации», которая постоянно меняется). Однако атрибуты data- , скорее всего, не будут расстраивать большинство браузеров, но вы должны использовать get / setAttribute для надежного доступа к ним независимым от браузера способом.
Рекомендуется хранить данные отдельно от представления, чтобы можно было изменить представление, чтобы обеспечить несколько просмотров одних и тех же данных. Если вы привязываете данные к презентации, вы уменьшаете свою способность делать это. Это также означает, что изменение модели данных может оказать ненужное влияние на представление.
Хранение данных в объекте и привязка его к элементу (скажем, по идентификатору элемента), вероятно, обеспечит гораздо более быстрый доступ к данным (прямой доступ к свойству гораздо быстрее, чем вызовы функций, передающие строки) и позволит более гибкий пользовательский интерфейс и модель данных.