<script language='javascript' type='text/javascript'> function addRow(id) { var tbody = document.getElementById (id).getElementsByTagName('tbody')[0]; var row = document.createElement('tr') var td1 = document.createElement('td') td1.appendChild(document.createTextNode('column 1')) var td2 = document.createElement('td') td2.appendChild (document.createTextNode('column 2')) row.appendChild(td1); row.appendChild(td2); tbody.appendChild(row); } </script>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<HTML> <HEAD> <TITLE></TITLE> <script type="text/javascript"> function ajout() { var t=document.getElementById("tableau"); var n=t.rows.length; // pour insérer en fin var ligne=t.insertRow(n); ligne.insertCell(0).innerHTML=n+"-0"; // contenu des colonnes ligne.insertCell(1).innerHTML=n+"-1"; ligne.insertCell(2).innerHTML=n+"-2"; ligne.insertCell(3).innerHTML=n+"-3"; } </script> </HEAD>
<head> <script language='javascript' type='text/javascript'> function ajouteLigne (){ ligne =document.createElement ('tr'); cell =document.createElement ('td'); texte =document.createTextNode ('bla bla bla'); cell.appendChild (texte); cell2 =document.createElement ('td'); texte2 =document.createTextNode ('bla bla bla'); cell2.appendChild (texte2); cell3 =document.createElement ('td'); texte3 =document.createTextNode ('bla bla bla'); cell3.appendChild (texte3); cell4 =document.createElement ('td'); texte4 =document.createTextNode ('bla bla bla'); cell4.appendChild (texte4); ligne.appendChild(cell); ligne.appendChild(cell2); ligne.appendChild(cell3); ligne.appendChild(cell4); document.getElementById ('superTableau').appendChild (ligne); } </script> </head>
<button onclick="ajouteLigne ()">appuyez</button>
<table id="superTableau"></table>