[Résolu] Récupérer les id des span d'une page puis modifier un id

Bonjour,

Je cherche à aménager un menu (d'un site d'une administration dont je doit respecter, entre autre, la charte graphique.

Pour augmenter l'accessibilité (actuellement menu entièrement en js => js désactivé, plus de menu !)

Je me propose de lister tous les span de la page, puis de récupérer chaque id et d'affecter une valeur précise (it_on) à l'id du span qui aura une certaine valeur.

récupération du nombre de span :

	var spans=document.getElementsByTagName("span");
	n=spans.length;

Puis je lance une boucle :

	for(i=0;i<n;i++)
		{
			id=;// comment récupérer l'id
                        if(id==x) {
                        // affectation de la valeur 'it_on' à l'id
                        }
                        
		}

D'avance merci.
Modifié par serafin (02 Feb 2009 - 09:47)

Salut,

var spans = document.getElementsByTagName("span");
for (iT = 0; iT < spans.length; iT++) {
	alert("id = " + spans[iT].id);
}

Merci, ça marche. Bon week-end.

serafin a écrit :
Merci, ça marche. Bon week-end.

Bravo
Tu considères que ce sujet est [Résolu] ?

Je reprend mon problème... car je n'arrive pas à finaliser en modifiant l'id.

Le code :

	var spans=document.getElementsByTagName("span");
	n=spans.length;
	for(i=0;i<n;i++)
		{
			id= spans[i].id;// 1er problème résolu
			if(id==p) {
				document.getElementById(p).id='it_on';// ça ne marche pas !
			}

		}

Comment puis-je modifier l'id du span qui vaut la variable p par la chaine "it_on" ?

D'avance merci.[/i]

Voila :

var spans = document.getElementsByTagName("span");
n = spans.length;
for(i=0;i<n;i++){
  var id = spans[i].id;// 1er problème résolu
  if(id == p) {
      spans[i].id = 'it_on';// ça MARCHE
  }
}

[/i][/i]
Modifié par fabien.menager (30 Jan 2009 - 21:49)

Merci beaucoup.