DOM : attribuer / modifier dynamiquement un ID

**Protecteur59** · 20/10/2009, 11h43

Bonjour à tous,

Je rencontre un problème assez génant en javascript, et je ne comprend même pas comment est-ce possible ...

J'ai un input qui possède un identifiant "PieceNouveau"

En javascript je lui dit :

Code :

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

1
2
3
 document.getElementById('PieceNouveau').name='PieceNew';
 document.getElementById('PieceNouveau').id     ='PieceNew';
 document.getElementById('PieceNouveau').setAttribute('id','PieceNew');

Et juste après je lui dit :

Code :

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

 alert(document.getElementById('PieceNouveau').id);

Dans l'alert il me met : "PieceNew"

Comment peut-il me mettre ça ? sachant que je l'appel par son Identifiant ...?

**SPACHFR** · 20/10/2009, 11h52

Bonjour,

Je ne suis pas un spécialiste, mais je dirai à cause de l'instruction suivante

Code :

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

1
2
 
document.getElementById('PieceNouveau').setAttribute('id','PieceNew');

**Protecteur59** · 20/10/2009, 11h55

Tout d'abord, merci pour ta réponse,

Mais en fait, ça je l'ai ajouté par la suite... car même sans cette ligne ça fonctionnait pas...

Alors je me suis dis... on va tenter avec un setAttribute... mais même ça ne change rien !

**Matthieu2000** · 20/10/2009, 11h57

Envoyé par Protecteur59

Comment peut-il me mettre ça ? sachant que je l'appel par son Identifiant ...?

Bonne chance pour la lecture des codes sources !

poses aussi la question pourquoi doit on permettre de modifier un identifiant ?

**E.Bzz** · 20/10/2009, 11h59

Bonjour,
sous IE ?

A+

**vermine** · 20/10/2009, 11h59

Que donne:

Code :

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

1
2
3
4
5
6
7
 
document.getElementById('PieceNouveau').id = 'PieceNew';
 
alert(document.getElementById('PieceNouveau').id);
 
//Puis essayer:
alert(document.getElementById('PieceNew').id);

**E.Bzz** · 20/10/2009, 12h02

Heu ... ce n'est pas la peine d'essayer de faire fonctionner ce code.

Il ne faut pas modifier (ou tenter de modifier) les id !!

C'est une erreur d'analyse et/ou d'implémentation

A+

**Protecteur59** · 20/10/2009, 12h05

Les 2 alert me donne la même chose "PieceNew"

Sinon, c'est bien sous IE.

Et pourquoi avoir la possibilité de changer un ID?

Tout simplement pour mon cas, c'est un logiciel client, il est entièrement développé en Javascript / Ajax / Php / Mysql

Et ils peuvent ajouter plusieurs pièces... chaque fois qu'ils ajoutent une pièce, je recré une ligne en javascript "DOM", l'ancienne ligne doit modifier son ID avec l'identifiant SQL (pour permettre une modification)

Invité · 20/10/2009, 12h06

je vient de tester avec ce script (ff IE)

aucunes raisons pour que sa marche pas

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<<html> 
<head> 
 
<script language='javascript'> 
 
function annoncerMonId(){ 
document.getElementById('monId').setAttribute('id','PieceNew');
if (document.getElementById('monId')){
alert(document.getElementById('monId').id);
}
else{
alert(document.getElementById('PieceNew').id); 
}
}
 </script> 
</head> 
<body> 
 
<span id='monId' onClick='annoncerMonId();'>Bonjour</span> 
 
</body> 
</html>

**E.Bzz** · 20/10/2009, 12h09

Envoyé par Protecteur59

chaque fois qu'ils ajoutent une pièce, je recré une ligne en javascript "DOM", l'ancienne ligne doit modifier son ID avec l'identifiant SQL (pour permettre une modification)

Il faut détruire l'objet existant, puis le récréer avec son nouvel id, ce qui n'est pas la même chose

Pour tes alert() :
1) l'attribution du name n'a pas dû fonctionner (cf. les post sur le sujet)
2) dans ton alert(), IE fait en fait référence au name et non à l'id (il mélange les 2)

Ce que tu constates est l'enchaînement de ces 2 points, amha

A+

**vermine** · 20/10/2009, 12h10

Envoyé par Protecteur59

Et ils peuvent ajouter plusieurs pièces... chaque fois qu'ils ajoutent une pièce, je recré une ligne en javascript "DOM", l'ancienne ligne doit modifier son ID avec l'identifiant SQL (pour permettre une modification)

Pq ne pas donner directement l'id SQL lors de la création de la pièce en DOM ? Et vous ne pouvez pas jouer sur les name plutôt que les id ?

**Protecteur59** · 20/10/2009, 12h12

Ok, merci beaucoup tout le monde,

Au début j'étais parti pour détruire la ligne, mais je pensais que c'était possible sans passer par là

Au moins j'aurai appris quelque chose, et il faut toujours se fier à sa première id... (idée pardon)

**kernelfailure** · 20/10/2009, 12h13

très curieux...

Comme si les ids étaient collectés sans être mis à jour par rapport au document.
Un objet genre 'document.ids' dont les propriétés seraient les ids ?

Invité · 20/10/2009, 16h19

je vient de tester avec ce script (ff IE)

aucunes raisons pour que sa marche pas

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<<html> 
<head> 
 
<script language='javascript'> 
 
function annoncerMonId(){ 
document.getElementById('monId').setAttribute('id','PieceNew');
if (document.getElementById('monId')){
alert(document.getElementById('monId').id);
}
else{
alert(document.getElementById('PieceNew').id); 
}
}
 </script> 
</head> 
<body> 
 
<span id='monId' onClick='annoncerMonId();'>Bonjour</span> 
 
</body> 
</html>

**E.Bzz** · 20/10/2009, 16h27

Envoyé par E.Bzz

Heu ... ce n'est pas la peine d'essayer de faire fonctionner ce code.

Il ne faut pas modifier (ou tenter de modifier) les id !!

C'est une erreur d'analyse et/ou d'implémentation

**SpaceFrog** · 20/10/2009, 16h36

accessoirement sous IE cette ligne :

Code :

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

 document.getElementById('PieceNouveau').name='PieceNew';

ne sert à rien...
IE ne sait pas attribuer ou modifier un name dynamiquement (en runtime)

DOM : attribuer / modifier dynamiquement un ID

JavaScript

Discussions similaires

Partager

Partager