Javascript, getElementById

ti_boby Messages postés 122 Statut Membre -
roptat Messages postés 284 Statut Membre - 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 ???

Afficher la suite

A voir également:

Javascript, getElementById
Telecharger javascript - Télécharger - Langages
A javascript error occurred in the main process - Forum Handicap / Accessibilté
Afficher un tableau javascript en html ✓ - Forum Javascript
Javascript arrondi - Forum Javascript
Javascript arrondi après la virgule ✓ - Forum Windows

1 réponse

Réponse 1 / 1

roptat Messages postés 284 Statut Membre 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.

Discussions similaires

java script error in the main process

Javascript Arrondi à 2 chiffres après la virgule

javascript:void(0);

Faire un echo dans un script JS

a javascript error occurred in the main process

Votre réponse

Discussions similaires