Description Clone l'élément HTML en incluant ses éléments enfants si deep vaut true.
cloneNode() duplique toutes les propriétés de l'élément initial, avec les attributs, les styles, les classes et même l'identifiant éventuel. Le clonage peut donc générer des doublons de nommage.
Exemple 1 : Clonage d'élément
Code source
<div id="conteneur">
<div class="fils">Elément <i>N</i></div>
</div>
<div class="btn btn-sm radius cursor-pointer btn-outline" onclick="cloner()">Cloner</div>
<script type="text/javascript"> function cloner() { for (var i=0; i<5; i++) { var clone=document.querySelector("div.fils").cloneNode(true); document.getElementById("conteneur").appendChild(clone);
}
}
</script>
Résultat
Elément N
Cloner
Emulation de la console
Explication
Cliquez sur le bouton "Cloner" pour lancer le clonage de l'élément div.fils
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="htmlelement.clonenode"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='424'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="424"
SELECT * FROM js_exemple WHERE ID='424' ORDER BY ordre
SELECT * FROM js_url WHERE ID='424' ORDER BY ordre
SELECT * FROM js_url WHERE ID='269' ORDER BY ordre
En savoir plus
