Как переставить элементы через DOM?

Question

[Tempest99]

в коде 2 и 3 пункт меню хочу поменять местами,но не могу понять каким образом это делать...через insertAfter и insertBefore пробовал,но выдает ошибку. Делал так

<ul class="menu">
         <li class="menu-item">Первый пункт</li>
         <li class="menu-item">Третий пункт</li>
         <li class="menu-item">Второй пункт</li>
         <li class="menu-item">Четвертый пункт</li>
       </ul>

var numb = document.getElementsByClassName('menu-item');

document.body.insertBefore(numb[1],numb[3]);

Answer 1

[jasonOk]

jQuery

$(<htmlElement>).before($(<beforeHtmlElement>));
// $(<htmlElement>).before(<htmlString>);

Vanilla

<htmlElement>.parentNode.insertBefore(<beforeHtmlElement>, <htmlElement>);
// <htmlElement>.insertAdjacentHTML('beforebegin', <htmlString>);

https://jsfiddle.net/4b2j8qL5/4/

Answer 2

[Stalker_RED]

Выдавало ошибку потому, что вы пытались вызвать insertBefore для body а нужно было для ul.menu