Table deleteRow() Méthode
Exemple
Supprimer la première ligne d'un tableau :
document.getElementById("myTable").deleteRow(0);
Définition et utilisation
La méthode deleteRow() supprime la ligne à l'index spécifié d'une table.
Astuce : Utilisez insertRow() pour créer et insérer une nouvelle ligne.
Prise en charge du navigateur
Method | |||||
---|---|---|---|---|---|
deleteRow() | Yes | Yes | Yes | Yes | Yes |
Syntaxe
tableObject.deleteRow(index)
Valeurs des paramètres
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer that specifies the position of the row to delete (starts at 0). The value of 0 results in that the first row will be deleted. The value of -1 can also be used; which result in that the last row will be deleted. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. If this parameter is omitted, deleteRow() removes the last row in IE and the first row in Chrome and Safari. |
Détails techniques
Valeur de retour : | Aucune valeur de retour |
---|
Plus d'exemples
Exemple
Supprimez la ligne sur laquelle vous cliquez :
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
Exemple
Créer et supprimer des lignes :
function myCreateFunction() {
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
}
Pages connexes
Référence HTML : balise HTML <tr>
❮ Objet tableau