Salve a tutti, vorrei sapere come fare per creare, in una stessa tabella, una nuova casella, con lo stesso contenuto di quella precedente, al click di un button.
Creare nuova casella di una tabella
- Creatore Discussione Andrea Canonico
- Data di inizio
Ciao, come nella discussione precedente con il metodo cloneNode()
HTML:
<html>
<head>
<script>
function newTd(){
var tab = document.getElementById("tab");
var td = tab.getElementsByTagName("td")[0].cloneNode(true);
tab.getElementsByTagName("tr")[0].appendChild(td);
}
</script>
</head>
<body>
<table id="tab" border="1">
<tr>
<td>cont</td>
</tr>
</table>
<input type="button" value="Copia td" onclick="newTd()"/>
</body>
</html>Graziee!! Ma spiegami una cosa: perché hai messo [0] su tab.getElementsByTagName("tr") ?
Scusa mi sono espresso male sulla richiesta 
Io volevo che inserisse una nuova riga che abbia lo stesso contenuto di quella precende... scusa mi sono espresso male
Io volevo che inserisse una nuova riga che abbia lo stesso contenuto di quella precende... scusa mi sono espresso male
Il metodo getElementsByTagName() restituisce un array contenente i tag indicati come parametro.
[0] indica l'indice del tag, nel nostro caso la prima tr
[0] indica l'indice del tag, nel nostro caso la prima tr
HTML:
<html>
<head>
<script>
function newTr() {
var tab = document.getElementById("tab");
var tr = tab.getElementsByTagName("tr")[0].cloneNode(true);
tab.appendChild(tr);
}
</script>
</head>
<body>
<table id="tab" border="1">
<tr>
<td>cont 1</td><td>cont 2</td><td>cont 3</td>
</tr>
</table>
<input type="button" value="Copia tr" onclick="newTr()"/>
</body>
</html>Discussioni simili
