document.getElementsByClassName qui ne fonctionne pas [Résolu]

[dragonno]

Salut

J'ai un petit probleme avec cette fonction :

Code :

1
2
3
4
5
6
 
function contacts()
{
document.getElementsByClassName("message").style.display='none';
document.getElementById("contacts").style.display='block';
}

c'est la ligne qui ne fonctionne pas :

Code :

1
2
 
document.getElementsByClassName("message").style.display='none';

Je voudrais effacer tous les DIV qui ont cette classe "message".

Si vous avez une idée ?

J'ai Firefox 3.XXX
Win XP3

[andry.aime]

Bonsoir,

getElementsByClassName retourne un tableau donc il faut préciser l'indice ou parcourir tous les éléments.

Code :

1
2
3
4
5
6
7
8
function contacts()
{
var a = document.getElementsByClassName("message");
for (i=0; i<a.length; i++){
  a[i]..style.display='none';
}
document.getElementById("contacts").style.display='block';
}

A+.

[dragonno]

Ha merci bien, je n'avais pas pensé à ça, je vais voir ça de plus près

Merci pour l'info et le code

[andry.aime]

Attention, mauvaise copier/coller

Code :

a[i].style.display='none';

Il y a un "." en trop .

A+.

[dragonno]

ça marche nickel maintenant grace ton aide !