Utiliser une variable en propriété

**dragonfly** · 27/01/2010, 09h57

Bonjour à tous,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**vermine** · 27/01/2010, 10h01

Bonjour,

Peut-être avec la fonction getAttribute():

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 27/01/2010, 11h03

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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" />

**dragonfly** · 27/01/2010, 11h15

Super les gars, les 2 fonctionnent ^^

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

)

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).

**SpaceFrog** · 27/01/2010, 11h38

oui sauf que comme son nom l'indisque getAttribute c'est get
... setAttribute serait mieux .

**vermine** · 27/01/2010, 11h43

On est d'accord, SpaceFrog, la ligne que j'ai mise devait être set.

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.

**SpaceFrog** · 27/01/2010, 11h55

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

c'est une tentative d'attribution ou je ne suis plus un batracien !

**vermine** · 27/01/2010, 12h10

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

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

)

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

**dragonfly** · 28/01/2010, 15h11

ola, ola vous battez pas

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

**SpaceFrog** · 28/01/2010, 15h42

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

.

**dragonfly** · 28/01/2010, 15h49

Ou la promenade... dans le mixeur (parce que l'essence aprés pour nettoyer c'est moins facile...)

Concernant mon soucis, je remarque un truc

Quand je fais ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

**SpaceFrog** · 28/01/2010, 15h56

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

Utiliser une variable en propriété

JavaScript

Discussions similaires

Partager

Partager