在网页开发中，经常需要使用JavaScript来改变DOM元素。其中包括动态添加和删除元素，这对于前端工程师来说是一个必不可少的技能。本文将介绍如何使用JavaScript向现有的HTML列表中添加新的条目（
准备工作
首先，我们需要一个HTML文件，其中包含要更新的列表。以下是一个简单的示例：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------------------------------------------- ------- ------ -------------- ---- ------------ -------------- -------------- -------------- ------ ------- -------
接下来，我们需要编写JavaScript代码，以便向该列表添加新的条目。
编写JavaScript代码
- 首先，我们需要选择要更新的列表。在这种情况下，我们将选择具有ID“ myList”的列表。可以使用
document.getElementById()方法实现此操作。
var myList = document.getElementById("myList");- 接下来，我们需要创建一个新的
- 元素。可以使用
document.createElement()方法来创建新元素。
var newItem = document.createElement("li");- 然后，我们需要向新元素添加文本内容。可以使用
document.createTextNode()方法来创建文本节点，然后将其添加到新元素中。
var textnode = document.createTextNode("新项目");
newItem.appendChild(textnode);- 最后，我们需要将新元素添加到列表中。可以使用
appendChild()方法将新元素添加到现有- 元素中。
myList.appendChild(newItem);
示例代码
下面是完整的JavaScript代码，用于向具有ID“ myList”的列表添加新的
var myList = document.getElementById("myList");
var newItem = document.createElement("li");
var textnode = document.createTextNode("新项目");
newItem.appendChild(textnode);
myList.appendChild(newItem);结论
本文演示了如何使用JavaScript向HTML列表中动态添加新的条目。这是前端工程师必须掌握的基本技能之一。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15120