Javascript, getElementById

ti_boby Messages postés 103 Date d'inscription   Statut Membre Dernière intervention   -  
roptat Messages postés 276 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

getElementById ne pointe que vers le premier element dont l'id est indiqué ???
est-il possibile d'effectuer une opration sur toutes les balise de l'id concerné ???
je m'explique...

voici mon code :
<head> 
<script type="text/javascript"> 
function effaceId(baliseId) { 
  document.getElementById(baliseId).innerHTML = ''; 
} 
</script> 
</head>
________________________________ 
<body> 
<table class="montab"> 
 <tr class="A"> 
         <td id="c1"><div onClick="effaceId('c1')">bla</div></td> 
  <td id="c2"><div onClick="effaceId('c2')">bla</div></td> 
  <td id="c3"><div onClick="effaceId('c3')">bla</div></td> 
  <td id="c4"><div onClick="effaceId('c4')">bla</div></td> 
  <td id="c5"><div onClick="effaceId('c5')">bla</div></td> 
  <td id="c6"><div onClick="effaceId('c6')">bla</div></td> 
  <td id="c7"><div onClick="effaceId('c7')">bla</div></td> 
  <td id="c8"><div onClick="effaceId('c8')">bla</div></td> 
  <td id="c9"><div onClick="effaceId('c9')">bla</div></td> 
  <td id="c10"><div onClick="effaceId('c10')">bla</div></td> 
  <td id="c11"><div onClick="effaceId('c11')">bla</div></td> 
  <td id="c12"><div onClick="effaceId('c12')">bla</div></td> 
  <td id="c13"><div onClick="effaceId('c13')">bla</div></td> 
  <td id="c14"><div onClick="effaceId('c14')">bla</div></td> 
  <td id="c15"><div onClick="effaceId('c15')">bla</div></td> 
  <td id="c16"><div onClick="effaceId('c16')">bla</div></td> 
 </tr> 
 <tr class="B"> 
  <td id="c1"><div>bla</div></td> 
  <td id="c2"><div>bla</div></td> 
  <td id="c3"><div>bla</div></td> 
  <td id="c4"><div>bla</div></td> 
  <td id="c5"><div>bla</div></td> 
  <td id="c6"><div>bla</div></td> 
  <td id="c7"><div>bla</div></td> 
  <td id="c8"><div>bla</div></td> 
  <td id="c9"><div>bla</div></td> 
  <td id="c10"><div>bla</div></td> 
  <td id="c11"><div>bla</div></td> 
  <td id="c12"><div>bla</div></td> 
  <td id="c13"><div>bla</div></td> 
  <td id="c14"><div>bla</div></td> 
  <td id="c15"><div>bla</div></td> 
  <td id="c16"><div>bla</div></td> 
 </tr> 
 <tr class="C"> 
  <td id="c1"><div>bla</div></td> 
  <td id="c2"><div>bla</div></td> 
  <td id="c3"><div>bla</div></td> 
  <td id="c4"><div>bla</div></td> 
  <td id="c5"><div>bla</div></td> 
  <td id="c6"><div>bla</div></td> 
  <td id="c7"><div>bal</div></td> 
  <td id="c8"><div>bla</div></td> 
  <td id="c9"><div>bla</div></td> 
  <td id="c10"><div>bla</div></td> 
  <td id="c11"><div>bla</div></td> 
  <td id="c12"><div>bla</div></td> 
  <td id="c13"><div>bla</div></td> 
  <td id="c14"><div>bla</div></td> 
  <td id="c15"><div>bla</div></td> 
  <td id="c16"><div>bla</div></td> 
 </tr> 
</table> 
</body>


Le souci c'est que seul la première ligne du tableau est concerné a chaque clique.

Je voudrai qu'en cliquant sur la div (ligne du haut) d'une colonne > TOUTE la colonne disparaisse ! ainsi que les cellule concerné dans les lignes inférieur...
Pourtant ça ne fonctionne pas j'ai pourtant bien mis les id correctement sur chaque td.

quelqu'un a une solution ???

1 réponse

Réponse 1 / 1
roptat Messages postés 276 Date d'inscription   Statut Membre Dernière intervention   77
 
Dans un code html, un id ne peut être donné qu'à un seul élément. Pour ce que tu veux faire, il faut utiliser des class et la fonction getElementsByClassName (note le « s » de Elements). Cette fonction renvoie un tableau.
2

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse