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
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
Y Stampare da php su un foglio A6 attraverso una stampante esterna PHP 1
E Scrivere una data corrente in un pdf PHP 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
I Assegnare dati fetch request ad una variabile globale Javascript 0
Shyson Puntare ad una sotto directory WordPress 3
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 6
S Selezionare ultimo record di una sotto query MySQL 26
V Query per una somma PHP 2
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
W visualizzare solo file html e sottocartelle di una cartella PHP 1
W Elenco dei link del file presenti in una cartella PHP 2
R Mettere in sicurezza una comunicazione .NET Framework 0
L Creare una forma geometrica Photoshop 1
G Casella combinata in una query MS Access 4
voldemort Cos'è una SCRL? Che tipo di società è?? Leggi, Normative e Fisco 1
F Funzione Glob - ricerca file contenente una parola PHP 1
felino [EXCEL] Conteggio ore all'interno di una settimana Windows e Software 7
Y cambiare sfondo di una pagina Javascript 1
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0

Discussioni simili