Javascript-DOM: Inverser l’ordre des nœuds

Author:

Javascript-DOM: Inverser l'ordre des nœuds
Download

<html><head>
 
 
   <script language="javascript">
 
// Rever se the order of the children of Node n
function reverse(n) 
{
 
    // Créer une copie du document temporairement 
    var f = document.createDocumentFragment();
    // Transferer les noeuds vers le fragment du document, d'où le père devient fils et vice versa
    while(n.lastChild) 
          f.appendChild(n.lastChild);
 
    // Ramener le contenu du document temporaire vers le document original
    n.appendChild(f);
}
     </script>
 
</head>
<body>
<div name="elem1">
<ul name="elem2">
<li>option 1</li>
<li name="elem3">option 2</li>
</ul>
<a href="mesexemples.com" name="elem4">Exemple 1</a>
<p name="elem5">Paragraphe</p>
</div>
<button onclick="reverse('elem1');">Cliquez ici pour modifier le texte</button> 
 </body>
</html>

Cet article Javascript-DOM: Inverser l’ordre des nœuds est apparu en premier sur .