Rimuovere una riga <tr> da una tabella

Valerio Sparacio

Nuovo Utente
7 Feb 2014
23
0
0
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi usare il metodo remove()
esempio
HTML:
<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

Nuovo Utente
7 Feb 2014
23
0
0
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
HTML:
<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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ti basta cambiare l'indice
Codice:
tr[4].remove();
 

Valerio Sparacio

Nuovo Utente
7 Feb 2014
23
0
0
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...

Codice:
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:
HTML:
<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>
 
Ultima modifica di un moderatore:

Valerio Sparacio

Nuovo Utente
7 Feb 2014
23
0
0
ho riscritto la funzione in questo modo ma non và...
Codice:
function rimuovi(riga) {
        var tab = document.getElementsById("righefile");
        var tr = tab.getElementsByTagName("tr");
        tr[riga].remove();
    }
 
Ultima modifica di un moderatore:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Cambia la funzione così
Codice:
function rimuovi(riga) {
        riga.remove();
    }
e questa riga
Codice:
cellText2.setAttribute("onclick","rimuovi(idriga)");
cosi
Codice:
cellText2.setAttribute("onclick", "rimuovi(this.parentNode.parentNode)");
 

Valerio Sparacio

Nuovo Utente
7 Feb 2014
23
0
0
[risolto]

Ok, ti ringrazio finalmente è risolto :)

Cambia la funzione così
Codice:
function rimuovi(riga) {
        riga.remove();
    }
e questa riga
Codice:
cellText2.setAttribute("onclick","rimuovi(idriga)");
cosi
Codice:
cellText2.setAttribute("onclick", "rimuovi(this.parentNode.parentNode)");
 
Discussioni simili
Autore Titolo Forum Risposte Data
L rimuovere una sezione nel frontpage di template start point WordPress 2
M rimuovere immagini da una div Javascript 3
S rimuovere pulsante chiusura (X) da una finestra Javascript 3
D Come faccio a rimuovere questo risultato ARRAY di una pagina: Array ( [0] => 3 ) PHP 2
G rimuovere una src Javascript 1
Shyson Rimuovere tag dall'url WordPress 6
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1
A Rimuovere span da th HTML e CSS 5
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Z [PHP] Rimuovere carattere &#65279; PHP 1
C [PHP] rimuovere righe duplicate in un array multidimensionale PHP 1
E Rimuovere "dati in memoria" dopo invio mail [PHP] PHP 18
W Wordpress + woocommerce rimuovere pacchetto prodotti dal conteggio del carrello WordPress 0
A Rimuovere il Marker di Google Maps Javascript 0
L Aggiungere e rimuovere campo input jQuery 3
Devil-94 rimuovere i spazi del file in upload... PHP 1
T Blog su Altervista e Titolo: come rimuovere la parola "Altervista" dalle SERP? SEO e Posizionamento 2
mirko.dagata [VBulletin] Rimuovere vBSEO senza perdere indicizzazione CMS (Content Management System) 0
F rimuovere un attributo jQuery 1
blips Rimuovere elementi html con jQuery jQuery 2
maxbossi Rimuovere manualmente il virus Flashback da Mac Sicurezza e Virus 0
A Rimuovere active x da pagina - come usare il file swfobject HTML e CSS 0
A Non riesco a rimuovere gli allegati Supporto Mr.Webmaster 0
M [Firewall] Kaspersky 2010: rimuovere blocco applicazione Sicurezza e Virus 2
A Rimuovere nodo XML con variabile XML 8
maxnegri Rimuovere i tag html con php PHP 6
N Problema: rimuovere TrojanDownloader.Win32.IstBar.ag Sicurezza e Virus 1
P C# Salvare una colonna del DataGridView XML 0
M pulsante per aprire una maschera che contiene controllo schede MS Access 0
M Leggere in un report il valore di una casella combinata di una maschera Database 0
D Miglior modo per estrarre le occorrenze di un elemento in un set di più file xml e quindi scrivere il risultato in una tabella Excel o magari in JSON XML 0
S [VB.NET]: Coordinate immagini dentro una PictureBox Visual Basic 0
I stampare una stringa echo PHP 2
MarcoGrazia Riprendere una sessione interrotta PHP 0
L Rendere una parte trasparente Photoshop 3
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
otto9due Ordinare option di una select Javascript 5
N Come si crea una variabile dinamica da incrementare? Javascript 1
L Eliminazione di una pagina dalla gallery SEO e Posizionamento 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0
L Riempimento di una tabella al click di un bottone Javascript 1
R Variabile non risconosciuta dentro una funzione PHP 1
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
A media degli elementi estratti da una query MySQL 0
spider81man Eliminare primo ed ultimo carattere di una colonna MySQL 0
pacemattia408 disattivazione di una function Javascript 4
G Eliminare l'effetto refresh di una pagina internet PHP 8
otto9due Inserire o aggiornare tabella my sql controllando una coppia di valori PHP 7

Discussioni simili