Jeu de données HTML - comment mettre un objet? data-x = {}

Vous pouvez simplement utiliser JSON.parse(string object) .

var x = JSON.parse(document.querySelector('a').dataset.test);

console.log(x);

Modifié: veuillez vous assurer que votre attribut d'objet dans votre balise <a> est un JSON valide. Cela devrait être un <a data-test='{"a": 1}'>test</a>

Ce n'est pas possible. Un élément d'ensemble de données d'un élément ne peut contenir qu'une chaîne, rien d'autre - après tout, il est censé être représentable directement dans le HTML , et le HTML est une chaîne.

Définissez l'élément de l'ensemble de données au format JSON et analysez-le plus tard:

<a>test</a>

(notez les guillemets doubles autour de la clé, comme requis par JSON)

const map = new Map();
const a = document.querySelector('a');
map.set(a, { a: 1 });

const result = map.get(a);
console.log(result);
console.log(typeof result);

<a>test</a>

Ou associez l'élément à ses données d'une autre manière, peut-être avec une carte dont les clés sont les éléments, et les valeurs sont les objets associés (si c'est une option):

const a = document.querySelector('a');
a.dataset.test = JSON.stringify({ a: 1 });

const test = JSON.parse(a.dataset.test);
console.log(test);
console.log(typeof test);

<a data-test='{"a": 1}'>test</a>

Vous pouvez écrire votre HTML comme suit.

{a: 1}

Et puis dans ton script

console.log(JSON.parse(document.querySelector('a').dataset.test));

La sortie sera

<a data-test='{"a": 1}'>test</a>