Javascript, getElementById

Fermé

ti_boby Messages postés 103 Date d'inscription mardi 14 juillet 2009 Statut Membre Dernière intervention 27 octobre 2019 - Modifié par ti_boby le 7/12/2012 à 12:17
roptat Messages postés 276 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 26 juillet 2013 - 8 déc. 2012 à 10:31

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 ???

A voir également:

Javascript, getElementById
Telecharger javascript - Télécharger - Langages
Javascript echo ✓ - Forum PHP
Erreur #125 javascript - Forum Mozilla Firefox
Table de multiplication javascript ✓ - Forum Javascript
Xxwxx dll virus javascript - Forum Virus

1 réponse

Réponse 1 / 1

roptat Messages postés 276 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 26 juillet 2013 77
8 déc. 2012 à 10:31

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.

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

java activée mais ne fonctionne pas !

Nodejs.exe est-ce un virus