JS 清除创建的列表

在开发网站时，可能需要使用 JavaScript 动态创建列表。然而，当需要重新填充列表时，必须先清除旧列表。

下面是一些示例代码，用于清除通过 JavaScript 创建的不同类型列表。

清除 ul 列表

HTML 中包含以下代码:

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

以下 JavaScript 代码将清除 ul 列表:

const myList = document.getElementById("myList");
while (myList.firstChild) {
  myList.removeChild(myList.firstChild);
}

此代码逐个删除 ul 列表中的子元素，直到列表为空为止。

清除 ol 列表

HTML 中包含以下代码:

<ol id="myList"></ol>

以下 JavaScript 代码将清除 ol 列表:

const myList = document.getElementById("myList");
while (myList.firstChild) {
  myList.removeChild(myList.firstChild);
}

清除 select 列表

HTML 中包含以下代码:

<select id="mySelect"></select>

以下 JavaScript 代码将清除 select 列表:

const mySelect = document.getElementById("mySelect");
while (mySelect.firstChild) {
  mySelect.removeChild(mySelect.firstChild);
}

结论

以上代码将帮助您动态清除通过 JavaScript 创建的不同类型的列表。因此，您可以轻松地对列表进行重新填充操作。