Comment supprimer un élément du DOM, étant donné son identifiant?

Question

Dans ce cas précis, l'élément est une ligne de table.

Answer 1

Jquery

$('#myTableRow').remove(); 

Cela fonctionne très bien si votre ligne a un id, comme:

<tr id="myTableRow"><td>blah</td></tr> 

Javascript pur:

Javascript Remove Row From Table

function removeRow(id) { 
    var tr = document.getElementById(id); 
    if (tr) { 
    if (tr.nodeName == 'TR') { 
     var tbl = tr; // Look up the hierarchy for TABLE 
     while (tbl != document && tbl.nodeName != 'TABLE') { 
     tbl = tbl.parentNode; 
     } 

     if (tbl && tbl.nodeName == 'TABLE') { 
     while (tr.hasChildNodes()) { 
      tr.removeChild(tr.lastChild); 
     } 
     tr.parentNode.removeChild(tr); 
     } 
    } else { 
     alert('Specified document element is not a TR. id=' + id); 
    } 
    } else { 
    alert('Specified document element is not found. id=' + id); 
    } 
} 

Answer 2

Untested mais quelque chose comme:

var tbl = document.getElementById('tableID'); 
var row = document.getElementById('rowID'); 
tbl.removeChild(row); 

ou

var row = document.getElementById('rowID'); 
row.parentNode.removeChild(row); 

Answer 3

var zTag = document.getElementById ('TableRowID'); 
zTag.parentNode.removeChild (zTag); 

Ou dans jQuery:

$('#TableRowID').remove(); 

Answer 4

var row = document.getElementById("row-id"); 
row.parentNode.removeChild(row);