Методы хранения произвольных данных для тегов HTML в JavaScript

Атрибуты

для хранения произвольных данных. Например:

<div id="myElement" data-custom-data="value">...</div>

После этого вы сможете получить доступ к данным с помощью JavaScript:

var element = document.getElementById("myElement");
var customData = element.dataset.customData;
console.log(customData); // Output: value
  1. Объект JavaScript: вы можете создать объект JavaScript и связать его с элементом HTML. Этот подход полезен, когда вам нужно сохранить несколько значений данных. Например:
<div id="myElement">...</div>
var element = document.getElementById("myElement");
var data = {
  customData1: "value1",
  customData2: "value2"
};
element.customData = data;
// Accessing the data
console.log(element.customData.customData1); // Output: value1
console.log(element.customData.customData2); // Output: value2
  1. Манипулирование DOM. Вы можете манипулировать DOM, добавляя пользовательские свойства к элементам HTML. Этот метод аналогичен использованию объекта JavaScript. Например:
<div id="myElement">...</div>
var element = document.getElementById("myElement");
element.customData = "value";
// Accessing the data
console.log(element.customData); // Output: value