Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Clonage d'éléments



8-Clonage d'éléments 

var newItem = oldItem.cloneNode(true);

Au lieu de créer de nouveaux nœuds chaque fois, vous pouvez également cloner un nœud existant. La méthode cloneNode(), accessible pour chaque nœud, le fait pour vous. Vous pouvez décider de ne cloner que le nœud et son attribut ou de cloner tous les nœuds enfant (et leurs nœuds enfant, etc.). Si vous fournissez àcloneNode(), une "copie en profondeur" est effectuée, laquelle prend en compte également les enfants copie que le nœud lui-même.

 

<body>
<script language="JavaScript" type="text/JavaScript">
var nr = 1;
function addProduit(cloneMode) {
  var list = document.getElementById("list");
  var oldProduit = list.firstChild;
  var newProduit = oldProduit.cloneNode(cloneMode);
  list.appendChild(newProduit);
}
</script>
<ul id="list"><li><a href="http://www.7astuces.fr/"> Item 1</a></li></ul>
<input type="button" onclick="addProduit(true);" value="Clone all" />
<input type="button" onclick="addProduit(false);"value="Clone node only" />
</body>

Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces