Rimuovere una riga <tr> da una tabella

[Valerio Sparacio]

Ciao, sto cercando di scrivere uno script per rimuovere una riga, ed eventualmente tutte le righe, inserite con un altro script .
Mi potete dare qualche dritta per capire ?
Grazie mille.

 

[criric]

Ciao, puoi usare il metodo remove()
esempio

<script>
    function rimuovi() {
        var tab = document.getElementById("tabella");
        var tr = tab.getElementsByTagName("tr");
        tr[0].remove();
    }
</script>
<table id="tabella" border="1">
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
</table>
<input type="button" onclick="rimuovi()" value="Rimuovi prima riga"/>

 

[Valerio Sparacio]

Ti ringrazio per la risposta, però quello che devo fare è rimuovere non necessariamente la prima riga ma anche una riga nel mezzo di una tabella.
Grazie cmq

Ciao, puoi usare il metodo remove()
esempio

<script>
    function rimuovi() {
        var tab = document.getElementById("tabella");
        var tr = tab.getElementsByTagName("tr");
        tr[0].remove();
    }
</script>
<table id="tabella" border="1">
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
</table>
<input type="button" onclick="rimuovi()" value="Rimuovi prima riga"/>

 

[criric]

ti basta cambiare l'indice

tr[4].remove();

 

[Valerio Sparacio]

Ho provato ma non funziona, ti spiego meglio...
ho fatto uno script che da una form mi aggiunge un file alla volta e devo poter scegliere eventualmente se rimuoverlo quindi il file deve essere legato ad un id...però non riesco....ti posto il codice...se riesci ad aiutarmi sei un mito....ci sto sbattendo la testa da ore...

function aggiungi(){
                  
        var tbl=document.getElementById("righefile");
        var tbody = tbl.getElementsByTagName('tbody')[0];

        var nomefile =document.getElementById("fileToUpload").value;
        
        var idriga=1;
        
        if (nomefile==='') alert('Nessun file selezionato');
        else{
            var row = document.createElement("tr"); //crea nuova riga per nuovo file
                row.setAttribute("id",idriga);
                                                            
                var cell = document.createElement("td");
                var cellText = document.createElement("input");
                cellText.setAttribute("value",nomefile);
                cellText.setAttribute("readonly","readonly");
                cell.appendChild(cellText);
                row.appendChild(cell);
                                      
                var cell2 = document.createElement("td");
                var cellText2 = document.createElement("input");
                cellText2.setAttribute("type","button");
                cellText2.setAttribute("value","rimuovi");
                cellText2.setAttribute("onclick","rimuovi(idriga)");
                cell2.appendChild(cellText2);
                row.appendChild(cell2);
                
                var cellmail=document.createElement("td");
                var cellmailText=document.createElement("input");
                cellmailText.setAttribute("readonly","readonly");
                cellmailText.setAttribute("value","EMAIL");
                cellmailText.setAttribute("size","3"); 
                cellmail.appendChild(cellmailText);
                row.appendChild(cellmail);
                        
                var campo_mail=document.createElement("td");
                var cont_mail=document.createElement("input");
                cont_mail.setAttribute("type","checkbox");
                campo_mail.appendChild(cont_mail);
                row.appendChild(campo_mail);
                
                var cellfax=document.createElement("td");
                var cellFaxText=document.createElement("input");
                cellFaxText.setAttribute("readonly","readonly");
                cellFaxText.setAttribute("value","FAX");
                cellFaxText.setAttribute("size","3"); 
                cellfax.appendChild(cellFaxText);
                row.appendChild(cellfax);
                
                var campo_fax=document.createElement("td");
                var cont_fax=document.createElement("input");
                cont_fax.setAttribute("type","checkbox");
                campo_fax.appendChild(cont_fax);
                row.appendChild(campo_fax);
                
                tbody.appendChild(row);
                
                nomefile='';
                //idriga++;
            }

}

questa è la parte html che richiama lo script:

<div  class="module_content">
              <input type='button' value='Apri/Chiudi BOX ALLEGATI' onclick="showhide('allegati')"/>
              <fieldset id='allegati' style='display: none'>    
              <label>Allegati </label>
              
              <table id="righefile" border="0">
                  <tbody></tbody>
              </table>
              <div class='spacer'></div>
              <input type="file" id="fileToUpload"/>
              <input type="button" value="Aggiungi" onclick="aggiungi()"/>
              <input type="button" value="Azzera" onclick="azzera()"/>              
            </fieldset>
          </div>

 

[Valerio Sparacio]

ho riscritto la funzione in questo modo ma non và...

function rimuovi(riga) {
        var tab = document.getElementsById("righefile");
        var tr = tab.getElementsByTagName("tr");
        tr[riga].remove();
    }

 

[criric]

Cambia la funzione così

function rimuovi(riga) {
        riga.remove();
    }

e questa riga

cellText2.setAttribute("onclick","rimuovi(idriga)");

cosi

cellText2.setAttribute("onclick", "rimuovi(this.parentNode.parentNode)");

 

[Valerio Sparacio]

[risolto]

Ok, ti ringrazio finalmente è risolto

Cambia la funzione così

function rimuovi(riga) {
        riga.remove();
    }

e questa riga

cellText2.setAttribute("onclick","rimuovi(idriga)");

cosi

cellText2.setAttribute("onclick", "rimuovi(this.parentNode.parentNode)");