Javascript 使用JS对HTML列表项重新排序

我试图移动标准无序列表中的列表项，但不知道从何处开始。我无法访问HTML，只有一个客户端JS文件，所以我想我必须通过JS来完成

列表如下所示：

    <nav id="main_navigation">
    <ul class="level_1 children_9">
        <li class="level_1 first" id="1">
            <a class="level_1" href="#">Item 1</a>
        </li>
        <li class="level_1" id="2">
            <a class="level_1" href="#">Item 2</a>
        </li>
        <li class="level_1" id="3">
            <a class="level_1" href="#">Item 3</a>
        </li>
        <li class="level_1" id="4">
            <a class="level_1" href="#">Item 4</a>
        </li>
        <li class="level_1" id="5">
            <a class="level_1" href="#">Item 5</a>
        </li>
    </ul>
    </nav>

window.onload = function() {
    var items = document.querySelectorAll('li.level_1');
    items[3].parentNode.insertBefore(items[3], items[0]);
}

我想将项目4移动到项目1所在的位置，并维护订单的其余部分

我发现的唯一例子涉及点击时重新排序，这太复杂了

这里的任何帮助都将不胜感激

谢谢

---

亚当，你的意思是这样的：

    <nav id="main_navigation">
    <ul class="level_1 children_9">
        <li class="level_1 first" id="1">
            <a class="level_1" href="#">Item 1</a>
        </li>
        <li class="level_1" id="2">
            <a class="level_1" href="#">Item 2</a>
        </li>
        <li class="level_1" id="3">
            <a class="level_1" href="#">Item 3</a>
        </li>
        <li class="level_1" id="4">
            <a class="level_1" href="#">Item 4</a>
        </li>
        <li class="level_1" id="5">
            <a class="level_1" href="#">Item 5</a>
        </li>
    </ul>
    </nav>

window.onload = function() {
    var items = document.querySelectorAll('li.level_1');
    items[3].parentNode.insertBefore(items[3], items[0]);
}

---

您想要什么样的？页面加载？页面加载会很好：）是的，效果不错。唯一的问题是JS需要一段时间才能启动并更改顺序。有没有办法加快速度？谢谢你，普特凡德！它正在等待加载窗口。由于无法更改HTML/，因此不确定您可以对此做些什么。