modifier le contenu d'une table avec innerHTML

**francon81** · 30/05/2005, 17h00

salut tout le monde!!
J'ai une table HTML et je souhaite modifier son contenu (rajouter un tr à la fin de la table).

j'ai essayé avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(idTable).innerHTML=html;

ou html est le nouveau code HTML de la table.

Si ce n'est pas possible comme ca, qulequ'un connait un autre moyen?

**Oluha** · 30/05/2005, 17h13

ca ne fonctionne pas ?

**francon81** · 30/05/2005, 17h21

malheureusement non

**Oluha** · 30/05/2005, 17h43

si tu pouvais apporter plus de précisions...
as-tu des erreurs dans la console javascript, qu'est ce que cela te génère...

**francon81** · 30/05/2005, 17h47

J'ai essayé de debuger avec des alert.
je met un alert avant cette ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById(idTable).innerHTML="";

et un alert apres
le 1er alert s'affiche et pas le 2eme.
De plus je n'ai aucun message dans la console javascript.

**ryan** · 30/05/2005, 18h28

Yop!

Si tu désires ajouter un TR, le mieux est de créer un objet TABLE, auquel tu ajoutes un objet TR, auquel tu ajoutes un objet TD:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<html>
<head>
<script language="javascript">
 
function addrow()
{
  var tobj = document.getElementById("ma_table");
  var tr = tobj.insertRow(tobj.rows.length);
  var td = tr.insertCell(tr.cells.length);
  td.innerHTML = "blablabla"
}
 
</script>
</head>
<body>
<table id='ma_table' border=1>
<tr><td>Première ligne
</table>
<a href="javascript:addrow()">Ajouter une ligne</a>
</body>
</html>

Yan
La nourrice montre son sein, et le pont s'affaisse

**francon81** · 31/05/2005, 09h44

merci, mais j'ai trouvé une solution : utiliser outetHTML a la place de innerHTML et modifier le contenu en fonction

merci à tous pour vos reponses

**SpaceFrog** · 31/05/2005, 09h46

le innerHTML doit également fonctionner je mpense que tu as plutot une erreur de syntaxe ...
mais l'essentiel est que tu sois arrivé à tes fin...

ceci étant je ne suis pas sur de l'universalité de outerHTML ...

**javatwister** · 31/05/2005, 10h02

et tu as raison de douter! outerHTML = bricolage IE;

modifier le contenu d'une table avec innerHTML

JavaScript

Vue hybride

Discussions similaires

Partager

Partager