bonjour!!

je souhaite remplir un <div> dynamiquement. Pour cela j'utilise innerHTML. Il y a quelque chose que je ne comprends pas.

lorsque dans mon code j'ai :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
	document.getElementById('recapitulatif').innerHTML += '<table width="100%" border="1"><tr><td width="2%">&nbsp;test</td><td>' + txtContexte + '</td></tr></table>';
il m'affiche bien le résultat attendu, soit un tableau.

Par contre, lorsque dans mon code j'ai :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
	document.getElementById('recapitulatif').innerHTML += '<table width="100%" border="1">';
	document.getElementById('recapitulatif').innerHTML += '<tr><td width="2%">&nbsp;test</td><td>' + txtContexte + '</td></tr>';
	document.getElementById('recapitulatif').innerHTML += '</table>';
ben ça marche pas super super... j'ai l'impression qu'il m'interprete chaque ligne completement a part... il ne tient plus compte du tableau et m'inscrit ceci :
testL'item sera à vérifier lors de créations uniquement
je pensais pourtant que la façon de le coder n'influencerait pas le résultat...

quelqu'un sait comment je pourrais faire pour coder ça sur plusieurs lignes?