Как заменить первый и последний элементы 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

Update: если вы хотите подкачки, то следить за этим: 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