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

How to move created li after the last li from my ul in Javascript

本文关键字：li 之后 移动 创建 最后一个 Javascript      更新时间：2023-09-26

这是我的代码：

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中做到这一点？

感谢

这段代码将新的"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>

el.appendChild(el1)

插入元素 (el1( 作为父节点 (el( 的最后一个子节点。要将其作为 FIRST 插入，您应该调用 el.insertBefore(el1, child1) .类似的东西 el.insertBefore(el1, el.querySelector('*'));

相关文章：