Javascript - Séparation d'attribut Fermé

Question

Bonjour,
Je travaille sur une plateforme d'administration de blog.
Je voulais savoir en javascript, comment il était possible de séparé plusieurs attribues d'une balise HTML
Exemple concret:

<img src="monimage" border="0" alt="image" align="left" width="150" height="150" />

Et je souhaiterai récupérer les attribues dans des variable du genre

$src = monimage
$alt = image
$align = left 
.......

c'est variable seront réutilisées plus tard afin de remplir automatiquement un formulaire en fonction des options de l'image

Comment faire?
Je pence qu'il faut jouer avec les expressions régulières mais je suis très mauvais dans ce domaine

jeangilles · Answer

tu rajoutes un id à ton image, par exemple

<img src="monimage" border="0" alt="image" align="left" width="150" height="150" id="monimage"/> 


et en javascript, ca donnerai :

var src = document.getElementById('monimage').src;
var alt = document.getElementById('monimage').alt ;
var align= document.getElementById('monimage').style.textAlign;

(pour l'align, je n'en suis pas tout à fait sur mais je crois que c'est ca)

Guimove45 · Answer

Merci pour cette solutions mais elle ne marche pas car le problème de cette solution est qu'il me faut un ID fixe, hors les images sont ajouter aléatoirement par les utilisateurs, et il peut y avoir plusieurs image.
Hors cette solution, ne peut marcher que sur un seul ID et donc une seul image.

Je pensais plus travailler sur les expressions régulière:
Tout d'abord on vérifie qu'il exite un lien <img ... /> et si il existe on le récupère (ça, ça marche déjà)
et ensuite dans chaque lien on sépare les attribues grâce aux expressions régulière

jeangilles · Answer

Heu tu veux le faire pour chaque image ?

alors il te suffit de faire

for(i=0;i<document.images.length;i++){
var src = document.images[i].src;
var alt = documentimages[i].alt ;
var align= document.images[i].style.textAlign; 

}

Guimove45 · Answer

le probleme avec ta solution c'est qu'il cherche les images en tant que objet moi je souhaite récupérer dans le code ( le code HTML n'est pas interprété donc pas d'image juste le code de celle-ci) C'est pour cela je doit utiliser les expressions régulières: J'ai déjà celle-ci : /<(img[^>]*)>/g qui me récupère le lien

Mais je doit trouver l'expression régulière qui me ressorte que ce qui est entre ""

Guimove45 · Answer

Je UP le sujet , car je reprend le dev demain, et je n'est toujours pas la solutions (avec des expressions régulières)
Cordialement,

M@dien · Answer

et si tu "split" la chaîne de caractères selon les doubles quotes ", tu auras un tableau de valeurs sur le schéma {..., ' border=','0',' alt=','image', ... ,' id=','monimage','/>'}
Et après tu recherches dans le tableau la valeur voulue.

Guimove45 · Answer

La suite de mon problème est par ici --> https://forums.commentcamarche.net/forum/affich-13749434-besoin-de-correction-sur-mon-script
merci

Javascript - Séparation d'attribut

7 réponses

Discussions similaires