Comment transmettrre une variable javascript dans un data

Résolu/Fermé
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 - Modifié le 27 janv. 2023 à 21:43
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 - 27 janv. 2023 à 23:40

Bonjour a tous

j'ai un petit soucis que je ne parviens pas a regler 

j'ai un code ou je recupere une variable 

pour commencer j'ai donc 

en javascript j'ai ceci

document.getElementById("sumaaa").innerHTML=aaa;

que je recupere en html de cette facon 

La somme = <p id="sumaaa"></p>

que je souhaite transmettre a data-prix

<a style="cursor:pointer; margin-bottom: 5px;"  data-prix="id="sumaaa"" class="btn btn-primary ajouter-panier b-items__item__add-to-cart">ajouter au panier</a>

mais je ne parviens pas a trouver la bonne formule

A voir également:

2 réponses

jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025 4 740
Modifié le 27 janv. 2023 à 21:49

Bonjour

Je serai curieux de savoir ce que tu as cherché.....

Quoi qu'il en soit, voici qui devrait te donner la solution

https://www.google.com/search?q=vanilla+JavaScript+data+attribute+value&nbsp%3B=

.


1
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 187
27 janv. 2023 à 21:55

Bonsoir jordane 

je recherche comment transmettre cette variable aaa a mon code html dans data-prix 

Cela fait deja plusieurs heures que je cherche , mais je ne trouve pas un bon exemple

Merci pour le lien 

Mais je ne pense pas que cela puisse m'aider dans mon cas

Je vais lire un peu plus 

0
jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025 4 740 > flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025
27 janv. 2023 à 22:58

Si je t'ai donné ce lien c'est bien qu'il contient la réponse à ta question.... Et je suis limite vexé, depuis le temps, que je réponds à tes questions...

Bref... il suffit de cliquer sur un des deux premiers résultats retournés par cette recherche...

Tu tomberas alors sur une fonction du JavaScript setAttribute

C'est ta seule façon de modifier la valeur d'un data attribute d'un élément HTML via du JavaScript.

1
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 187 > jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025
27 janv. 2023 à 23:06

Jordane a chaque fois je t'ai remercié de l'aide que tu me donne et le temps que tu prends pour le faire

Mais de la a etre limite vexé ...

Il y a des gens qui sont nés avec le don tel que tu le possedes , mais d'autres qui sont des lourds ou des nuls , dont je fais partie 

Il y en a deja beaucoup qui a mon age ne se caserais pas la tete pour comprendre quoi que ce soit

Mais lorsque je vois la facon dont j'ai progresse grace a vous tous 

je ne peux qu'etre fier , et jamais je en pourrais assez vous remercier 

helas non je ne deviendrais jamais un as de la programmation 

C'est dommage , c'est triste 

Mais arrivé a un age on a beaucoup de mal a retenir 

Merci pour l'information supplementaire 

0
flexi2202 Messages postés 3803 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 1 février 2025 187
27 janv. 2023 à 23:40

pour ceux que cela interesse voici les deux solutions

document.getElementById("test").setAttribute("data-prix", aaa);

//document.getElementById('test').dataset.prix = "1111111";
0