11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde.

J'ai une fonction qui ajoute une ligne dans un tableau :


function AddCallToTab ( direction , uname , unum ) {
	var tbody = document.getElementById("LastCallBody") ; 
	var tr = document.createElement("tr") ; 
	var dir = document.createElement("td") ; 
	var nom = document.createElement("td") ; 
	var num = document.createElement("td") ; 
	dir.innerHTML = direction ; 
	nom.innerHTML = uname ; 
	num.innerHTML = unum ; 
	tbody.appendChild(tr) ; 
	tr.appendChild(dir) ; 
	tr.appendChild(nom) ; 
	tr.appendChild(num) ; 
}


ou
var tbody = document.getElementById("LastCallBody") ;
est le tbody d'un tableau.

ça m'ajoute bien un ligne, mais a la suite des lignes existante.
Il y aurait il un moyen d'ajouter cette ligne avant les autres...?

Merci d'avance de votre aide.
Faut récupérer le premier <tr>, et utiliser la fonction insertBefore, style :

var tr = document.createElement('tr);
var firstTr = document.getElementById('lastCallBody').getElementsByTagName('tr')[0];

document.insertBefore(tr, firstTr);
Merci de ta reponse rapide !

ça marche super, par contre document.insertBefore
ne fonctionne pas, mais tbody.insertBefore fonctionne.

Encore Merci !