javascript - 如何交换第一个和最后一个 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