Utiliser une variable en propriété

Version imprimable

27/01/2010, 09h57
dragonfly

Utiliser une variable en propriété
Bonjour à tous,

histoire de me simplifier la vie, je me demandais si je peux remplacer une propriété par une variable, comme voici :
Code:

1 2 3 4 var exemple ="id" document.getElementById('plop').exemple = 'xxxx';
Ou ici le 'exemple' serait remplacé automatiquement par sa valeur, à savoir 'id'...

Je ne pense pas que cela soit possible mais ne sait t'on jamais, peut être une fonction ou autre...

Merci d'avance.
27/01/2010, 10h01
vermine

Attribut
Bonjour,

Peut-être avec la fonction getAttribute():
Code:

1 2 document.getElementById('plop').getAttribute(exemple) = "xxxx";
Mais pas sûr que ça marche pour l'id, justement.
Est-ce raisonnable de vouloir modifier un id ?

[EDIT] Comme signalé plus bas, ce n'est pas getAttribute(attribut), mais setAttribute(attribut, valeur) pour modifier la valeur d'un attribut. :oops:

je vois pas trop à quoi ça peut servir mais bon:

Code:

1
2
3
4
5
6
7
<script type="text/javascript">
var exemple="id"
</script>
</head>
<body>
<div id="foo">coucou </div>
<input type="button" onclick="alert(document.getElementById('foo')[exemple])" value="test" />

27/01/2010, 11h15
dragonfly

Super les gars, les 2 fonctionnent ^^:ccool:

Le pourquoi du comment?
Pour un formulaire, je teste les objets de celui-ci en fonction soit de leur classes, id ou autre et je me vois mal faire plein de if. (et puis si j'en oublie un, c'est le drame :pleure:)

Ca me permet de tester tous les attributs des inputs assez simplement.

Merci pour vos réponses trés rapide (en plus me semblait avoir déja cotoyé le getAttribute(), y'a longtemps mais pour ta solution SpaceFrog c'est la premiére fois que je vois).
27/01/2010, 11h38
SpaceFrog

oui sauf que comme son nom l'indisque getAttribute c'est get
... setAttribute serait mieux .
27/01/2010, 11h43
vermine

Hihi

On est d'accord, SpaceFrog, la ligne que j'ai mise devait être set. :lol:
Par contre, pour le problème de dragonfly, c'est bien get car il ne fait que vérifier les valeurs, si j'ai bien compris.
27/01/2010, 11h55
SpaceFrog

Code:

document.getElementById('plop').exemple = 'xxxx';

c'est une tentative d'attribution ou je ne suis plus un batracien !
27/01/2010, 12h10
vermine

:)

C'est un exemple qui ne concorde pas avec ce que dragonfly désire vraiment:

Citation:

Envoyé par dragonfly

Pour un formulaire, je teste les objets de celui-ci en fonction soit de leur classes, id ou autre et je me vois mal faire plein de if. (et puis si j'en oublie un, c'est le drame :pleure:)

Ca me permet de tester tous les attributs des inputs assez simplement.

;)
28/01/2010, 15h11
dragonfly

ola, ola vous battez pas :aie:

Vermine à raison, je n'utilise cela que pour aller chercher des valeurs et non pour en attribuer ( l'attributation se fait uniquement sur la classe donc pas besoin de faire compliqué).

Encore merci :ccool:
28/01/2010, 15h42
SpaceFrog

Je ne ferais jamais de mal à un petit chaton ...
Je le fais juste aboyer ...

Comment? Facile, il suffit de les arroser d'un peu d'essence ou d'alcool à bruler, puis de craquer une allumette et ...

Wouf

.
28/01/2010, 15h49
dragonfly
Ou la promenade... dans le mixeur (parce que l'essence aprés pour nettoyer c'est moins facile...):mrgreen:

Concernant mon soucis, je remarque un truc

Quand je fais ceci
Code:

1 2 3 4 5 6 7 var tData="className"; var typeForm="input"; var liste = this.form.getElementsByTagName(typeForm); alert(liste[i][tData]); alert(liste[i].getAttribute(tData));
Le premier alert m'affiche la bonne valeur ("obligatoire").
Le deuxiéme alert me renvoie "null"

Normal? (juste un peu curieux, la j'utilise la premiére solution)
28/01/2010, 15h56
SpaceFrog

parceque l'attribut c'est "class" et pas className
mais pour javascript c'est bien la propriété className