Derniers tutoriels de développement web
 

Table deleteRow() Method

<Table objet

Exemple

Supprimer la première ligne d'une table:

document.getElementById("myTable").deleteRow(0);
Essayez vous - même »

Définition et utilisation

Le deleteRow() méthode supprime la ligne à l'index spécifié à partir d' une table.

Astuce: Utilisez le insertRow() pour créer et insérer une nouvelle ligne.


Support du navigateur

méthode
deleteRow() Oui Oui Oui Oui Oui

Syntaxe

tableObject .deleteRow( Les valeurs des paramètres
Valeur La description
index Requis dans Firefox et Opera, en option dans Internet Explorer, Chrome et Safari. Un entier qui spécifie la position de la ligne à effacer (à partir de 0). La valeur de 0 résultats en ce que la première rangée est supprimée.

La valeur de -1 peut également être utilisé; qui aboutissent à ce que la dernière ligne sera supprimée.

Ce paramètre est requis dans Firefox et Opera, mais en option dans Internet Explorer, Chrome et Safari.

Si ce paramètre est omis, deleteRow() supprime la dernière ligne dans IE et la première rangée dans Chrome et Safari.

Détails techniques

Valeur de retour: Aucune valeur de retour

autres exemples

Exemple

Supprimer la ligne que vous cliquez sur:

function deleteRow(r) {
    var i = r.parentNode.parentNode.rowIndex;
    document.getElementById("myTable").deleteRow(i);
}
Essayez vous - même »

Exemple

Créer et supprimer la row(s) :

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);
}
Essayez vous - même »

Pages associées

Référence HTML: HTML <tr> balise


<Table objet