如何在Javascript中从我的ul中的最后一个li之后移动创建的li

Question

这是我的代码：

var list = document.getElementById('mylist');
var entry = document.createElement('li');
entry.appendChild(document.createTextNode("My Tabs"));
entry.setAttribute("id", "last_tab");
list.appendChild(entry);

它创建了一个li，它把它作为第一个，我想成为我的ul中的最后一个元素。怎么能从javascript做到这一点？

THX

Answer 1

el.appendChild(el1)

插入元素（el1）作为父节点（el）的最后一个子节点。要将其作为FIRST插入，您应该呼叫el.insertBefore(el1, child1)。就像是 el.insertBefore(el1, el.querySelector('*'));

Answer 2

这段代码将新的“li”元素添加为当前列表的最后一个元素：

var list = document.getElementById('mylist');
var entry = document.createElement('li');
entry.appendChild(document.createTextNode("My Tabs"));
entry.setAttribute("id", "last_tab");
list.appendChild(entry);

<ul id="mylist">
<li>current li 1</li>
<li>current li 2</li>
</ul>

这通过使用JQuery库添加为第一个元素：

var list = document.getElementById('mylist');
var entry = document.createElement('li');
entry.appendChild(document.createTextNode("My Tabs"));
entry.setAttribute("id", "last_tab");
$("#mylist").prepend(entry);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="mylist">
<li>current li 1</li>
<li>current li 2</li>
</ul>