tr insertCell()Méthode
Objet tr
Définition et utilisation
La méthode insertCell() est utilisée pour insérer un élément <td> vide à une position spécifiée dans une ligne d'un tableau HTML.
Syntaxe
trObject.insertCell(index)
| Valeur | Description |
|---|---|
| index | Cette méthode crée un nouvel élément <td> et l'insère dans la ligne à la position spécifiée. La nouvelle cellule sera insérée avant la cellule actuellement située à la position spécifiée par index. Si index est égal au nombre de cellules de la ligne, la nouvelle cellule est ajoutée à la fin de la ligne. |
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la méthode insertCell()
Exemple
Exemple
L'exemple suivant insère une cellule dans une ligne de tableau :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Première cellule</td>
<td>Deuxième cellule</td>
<td>Troisième cellule</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Insert Cell</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Première cellule</td>
<td>Deuxième cellule</td>
<td>Troisième cellule</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Insert Cell</button>
</body>
</html>
Essayez-le vous-même »
Plus d’exemples
Ajouter une nouvelle ligne à un tableau - puis ajouter des cellules et du contenu
Objet tr Autres extensions