HTML 动态添加list

在HTML中，可以使用JavaScript来实现动态添加列表项。以下常见的实现方式：

1. 首先，在HTML文件中创建一个空的列表，例如使用`<ul>`标签表示无序列表或使用`<ol>`标签表示有序列表。

2. 在JavaScript中，使用DOM操作来获取到列表元素，可以通过`document.getElementById()`或`document.querySelector()`等方法获取到列表的引用。

3. 使用JavaScript创建一个新的列表项元素，可以使用`document.createElement()`方法来创建一个新的`<li>`标签。

4. 设置新创建的列表项的内容，可以使用`textContent`属性或`innerHTML`属性来设置列表项的文本内容。

5. 将新创建的列表项添加到列表中，可以使用`appendChild()`方法将新创建的列表项添加为列表的子元素。

下面是一个示例代码：

HTML部分：

<ul id="myList">
</ul>

JavaScript部分：

// 获取列表元素
var myList = document.getElementById("myList");

// 创建新的列表项
var newItem = document.createElement("li");

// 设置列表项的内容
newItem.textContent = "新的列表项";

// 将新的列表项添加到列表中
myList.appendChild(newItem);

这样，就可以通过JavaScript动态地向HTML列表中添加新的列表项了。