Creare nuova casella di una tabella

criric · 26 Dic 2013

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>

Andrea Canonico · 26 Dic 2013

criric ha scritto:

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") ?

Andrea Canonico · 26 Dic 2013

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

criric · 28 Dic 2013

Il metodo getElementsByTagName() restituisce un array contenente i tag indicati come parametro.
[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>

Creare nuova casella di una tabella

Andrea Canonico

Nuovo Utente

criric

Super Moderatore

Andrea Canonico

Nuovo Utente

Andrea Canonico

Nuovo Utente

criric

Super Moderatore

Discussioni simili

Creare nuova casella di una tabella

Andrea Canonico

Nuovo Utente

criric

Super Moderatore

Andrea Canonico

Nuovo Utente

Andrea Canonico

Nuovo Utente

criric

Super Moderatore

Discussioni simili

Privacy & Transparency

Privacy & Transparency