Salut à tous !

J'ai un souci avec innerHTML et internet explorer (normal vous me direz !) que je n'arrive pas à comprendre, ni à résoudre...

Pour faire simple, imaginons que j'ai un tableau HTML dans lequel je souhaite ajouter des lignes lorsque je clique sur un bouton. J'appelle mon tableau titi, et je souhaite utiliser innerHTML pour l'ajouter des lignes.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<script language="javascript" type="text/javascript">
function ajout() {
 document.getElementById("titi").innerHTML += "<tr><td>ligne 2</td></tr>";
}
</script> 
 
<table id="titi">
<tr><td>ligne 1</td></tr>
</table>
<a href="javascript:ajout();">Ajouter une ligne</a>
Aucun souci sous Firefox mais problème sous IE ! J'ai l'impression que IE n'aime pas que l'on insert du HTML dans un attribut <table> (à noter que si l'on remplace <table> par <div>, ça marche très bien !! bizarre...).

Je sais que la solution serait possible avec DOM (d'ailleurs avec ce petit exemple ce serait facile) mais imaginer que mon tableau contienne non pas une colonne mais plusieurs avec à l'intérieur des champs de formulaires bien complexe...

Bref, quelqu'un aurait une idée ?

merci d'avance