Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Clonare un nodo child

  1. #1

    Clonare un nodo child

    Ciao a tutti
    Sto cercando di clonare un nodo child in questo modo:

    codice:
    const elClone = document.querySelector(".cnt-telephone>div").cloneNode(true);
    
    addPhone.addEventListener("click", (e) => {
        e.preventDefault();
        e.stopPropagation();
    
        const parentChild = document.querySelector(".cnt-telephone");
        parentChild.appendChild(elClone);
    }
    Al primo click copia il nodo e lo mette in coda ma dai successivi click non inseririsce piu in coda il nodo copiato, come mai?

  2. #2
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    24,465
    Quote Originariamente inviata da techno Visualizza il messaggio
    Al primo click copia il nodo e lo mette in coda ma dai successivi click non inseririsce piu in coda il nodo copiato, come mai?
    Tu hai creato un clone solo.

    Quando fai il clic, lo aggiungi al parent; quando torni a fare clic, aggiungi sempre lo stesso clone al medesimo parent, quindi non succede nulla, ovviamente.

    Dovrai creare un nuovo clone a ogni clic, immagino.
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

  3. #3
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    24,465
    Quote Originariamente inviata da techno Visualizza il messaggio
    Al primo click copia il nodo e lo mette in coda ma dai successivi click non inseririsce piu in coda il nodo copiato, come mai?
    Tu hai creato un clone solo.

    Quando fai il clic, lo aggiungi al parent; quando torni a fare clic, aggiungi sempre lo stesso clone al medesimo parent, quindi non succede nulla, ovviamente.

    Dovrai creare un nuovo clone a ogni clic, immagino.
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

  4. #4
    ah ecco capito grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.