Wie lösche dynamisch erstellte Tabelle in Javascript?

Question

<script> 
function onButtonClick() 
{ 
var table1 = document.createElement('table'); 

    for(i=0;i<3;i++) 
    { 

    var td1 = document.createElement('td'); 
    var text1 = document.createTextNode(a[i]); 
    td1.appendChild(text1); 
    tr.appendChild(td1); 
    td1.style.borderStyle = "solid"; 
    td1.style.padding = "10px"; 
    } 

} 
</script> 

Also, wenn Taste, um die Tabellenzeile geklickt wird, ist appended.How Zeile oder Tabelle zu löschen, nachdem Funktion geladen wurde once.I alten Wert von a [i] mit neuen Wert eines [i]

ersetzen wollte

Answer 1

Sie benötigen ID für Ihren Tisch zu setzen, wie:

var table1 = document.createElement('table'); 
table1.setAttribute("id", "DynamicTable"); 

** Hier

Dynamic

die Element-ID ist von Ihnen festgelegt. Benenne es als deine Präferenz um.

Und dann Element durch ihre ID entfernen. Um Elemente nach ID zu entfernen, werfen Sie einen Blick auf diese: https://stackoverflow.com/a/18120786/4190159

Answer 2

Sie müssen jede Ihrer Tabellenelemente eine eindeutige ID geben:

table1.setAttribute("id", "<your id here>"); 

Dann können Sie die Tabelle entfernen, indem es den Zugriff über die ID und Lösen seine outerHTML Eigenschaft ist:

document.getElementById("<table id here>").outerHTML = "";