Bonjour,

J'erssaye d'afficher dynamiquement un tableau html grace au contenu d'une liste.
Voici mon code html pour mon tableau :

<table id="listTopic" border="1px" cellpadding="2" cellspacing="0">
	<thead>
		<caption>Titre</caption>
	</thead>
	<tbodies>
	
	</tbodies>
</table>

Jusque la rien de bien complique.
Voici mon code JS pour manipuler ce tableau :

function gotAll(listTopic){
	var topicLog = "";
	var theTable = document.getElementById('listTopic');
	
	for(var data in listTopic){
		var topic = listTopic[data];
		theTable.tbodies[0].appendChild(document.createElement('tr'));
		var y = document.createElement('td');
	    y.appendChild(document.createTextNode(topic.title));
	    theTable.tbodies[0].rows[0].appendChild(y);

	
	}
	
}

Et l'erreur que firebug me donne c'est


Comment je dois m'y prendre?

[EDIT] je suis tombe sur un tuto sur le site, voici les changements que j'ai apporte :

function gotAll(listTopic){
	var topicLog = "";
	var theTable = document.getElementById('listTopic');
	
	for(var data in listTopic){
		var topic = listTopic[data];
		var ligne  = theTable.insertRow(-1);
		var col = ligne.inserCell(0);
		col.innerHTML +=topic.title;

	}
}

Et j'ai change tbodies en tbody (je sais pas pourquoi dans le premier tuto que j'ai vu il avait mis tbodies...

inserCell => c'est pas insertCell ?

ça marche ton code ?