Cancellare una riga della tabella

**dark0s** · 22-05-2010, 16:58

Premetto che ho già letto le guide su javascript e DOM presenti in questo sito.

Ho un il seguente codice HTML

<html>
<head>
<title>Pagina di Prova</title>
<script type="text/javascript" src="/home/savio/Scrivania/prova.js"></script>
</head>
<body>
<h1 align="center">PROVA DI RIMOZIONE DI RIGHE E CELLE DALLA TABELLA</h1>

<table id="nometabella" border="2" align="center" cellpadding="10%">
<tr id="nomeriga1"><td>Cella 1</td><td>Cella 2</td></tr>
<tr id="nomeriga2"><td>Cella 3</td><td>Cella 4</td></tr>
<tr id="nomeriga3"><td>Cella 5</td><td>Cella 6</td></tr>
</table>
<input type="submit" value="Enter" onclick="return del()"/>
</body>
</html>

ed il seguente codice javascript:

function del() {

if (document.getElementById) {
var tabella = document.getElementById("nometabella");
var riga1 = document.getElementById("nomeriga1")
tabella.removeChild(riga1);
}

}

Voglio cancellare la prima riga della tabella, ma non succede niente.
Qual'è il problema?

**Xinod** · 22-05-2010, 17:27

se manipoli tabelle col DOM e' il caso che queste abbiano un <tbody> nel markup
e che consideri i tr come figli di questo tbody

**dark0s** · 22-05-2010, 18:16

Cioè dovrei scrivere:

<table id="nometabella" border="2" align="center" cellpadding="10%">
<tbody id="tablebody">
<tr id="nomeriga1"><td>Cella 1</td><td>Cella 2</td></tr>
<tr id="nomeriga2"><td>Cella 3</td><td>Cella 4</td></tr>
<tr id="nomeriga3"><td>Cella 5</td><td>Cella 6</td></tr>
</tbody>
</table>

e quale sarebbe il vantaggio, cosa cambia? vado a complicare la struttura o no?

**Xinod** · 23-05-2010, 02:17

alcuni browser considerano il tbody a livello di DOM anche se non presente nel markup,
altri solo se presente, quindi e' meglio ci sia nel markup
perche non sapere con certezza di chi e' figlio un tr potrebbe creare problemi, tipo appunto nel tuo caso

Discussione: Cancellare una riga della tabella

Strumenti discussione

Ricerca discussione

Visualizza

Cancellare una riga della tabella

Permessi di invio