javascript - 如何在 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 如何做到这一点？

谢谢

Answer 1

这段代码添加新的“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>