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

如何交换第一个和最后一个DOM元素

1 个答案: