How to swap DOM child nodes in JavaScript?

Question

What is the easiest way to swap the order of child nodes?

For example I want childNode[3] to be childNode[4] and vice-versa.

Answer 1

Try this method:

1. Get the parent element
2. Store the two elements you want to swap

3. Store the .nextSibling of the node that is last in order eg: [1,2,3,4] => we want to swap 3 & 2 then store nextSibling of 3, '4'.

4. .insertBefore(3,2);

5. .insertBefore(2,nextSibling);