Как поменять местами первый и последний элементы DOM

Question

Как поменять местами, например, первый элемент списка с последним элементом списка без jquery.

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

Мой код до сих пор:

var ul = document.querySelector("ul"),
    first = ul.firstElementChild,
    last = ul.lastElementChild;
ul.replaceChild(first,last);

Jsfiddle: http://jsfiddle.net/v3b0qmnz/

Answer 1

Обновление: если вы хотите обменяться, то следуйте этому: http://jsfiddle.net/7uppg0zg/1/

    var ul = document.getElementById("ul")
    var last = ul.lastElementChild
    var first = ul.firstElementChild
    ul.replaceChild(ul.firstElementChild, ul.lastElementChild)
    ul.insertBefore(last, ul.firstElementChild)

Примечание: replaceChild: первый аргумент - это тот, который вы хотите заменить, а второй - тот, который вы хотите заменить. ссылка: http://www.w3schools.com/dom/met_node_replacechild.asp