javascript 删除 li 而不删除 ul？

Question

有没有办法在不删除 ul 的情况下删除 ul 的 li 元素？我似乎只能找到这个。

var element = document.getElementById('myList');
element.parentNode.removeChild(element);

但是，这会删除 ul。我希望能够即时删除和附加 li 元素，而不必在每次删除 li 元素时都创建 ul 元素。只是在寻找一种更简单的方法。感谢您的帮助。

<div id="listView">
  <ul id="myList" class="myList-class">
    <li>item 1</li>
    <li>item 2</li>
  </ul>
</div>

Answer 1

你可以这样做。

var myList = document.getElementById('myList');
myList.innerHTML = '';

如果你正在使用 jQuery

$('#myList').empty();

这两个都会删除列表中的所有内容。