Comment permuter des nœuds enfants DOM en JavaScript ?

Question

Quel est le moyen le plus simple d’échanger l’ordre des nœuds enfants ?

Par exemple, je veux que childNode[3] soit childNode[4] et vice versa.

Answer 1

<h1>Utilisez <code></code> ou <code></code> !<p>C’est la vanille JS!</p><pre><code></code></pre><p>ou</p><pre><code></code></pre><p>Pour plus de durabilité, essayez :</p><pre><code></code></pre><p>Cela devrait fonctionner, même si les parents ne correspondent pas</p><p><a href="https://caniuse.com/#feat=dom-manip-convenience" rel="noreferrer">Puis-je utiliser</a> - 94% août 2020</p></h1>

Answer 2

Pour un échange réel de tous les nœuds sans cloneNode :

Avec la fonction SwapNode (à l’aide de PrototypeJS) :

Produira :