在JavaScript中，刪除HTML的li元素是一個很常見的需求。假如我們有一個ul列表，里面有很多的li元素，現在我們需要刪除所有的li元素，該怎么做呢？下面我們就來學習一下。

方法一：獲取ul元素，然后設置其innerHTML為空

let ul = document.querySelector('ul');
ul.innerHTML = '';

這種方法比較簡單直接，只需要獲取到需要刪除li元素的最近的父元素，然后設置其innerHTML為空即可。但是需要注意這種方法可能會存在一些潛在的問題，因為一旦設置了innerHTML為空，它原本的所有子元素都會被刪除，而不僅僅是li元素。如果ul元素里面有其他元素，也會被一起刪除。

方法二：先獲取所有的li元素，然后循環刪除

let liList = document.querySelectorAll('ul li');
for(let i = liList.length - 1; i >= 0; i--) {
liList[i].parentNode.removeChild(liList[i]);
}

這種方法是先獲取所有的li元素，再循環遍歷刪除每個元素。需要注意的是，由于刪除元素會改變liList的長度，因此我們要從后往前循環遍歷才能保證每個元素都被刪除。

方法三：利用父元素的removeChild()方法

let ul = document.querySelector('ul');
while(ul.firstChild) {
ul.removeChild(ul.firstChild);
}

這種方法是先獲取ul元素，然后通過while循環刪除所有的子元素。需要注意的是，使用removeChild()方法可以避免上述方法存在的問題，因為該方法只能刪除父元素的直接子元素，而不會同時刪除其他元素。

總結：以上三種方法都可以刪除HTML的li元素，每種方法都有其優缺點。具體選擇哪種刪除方式需要根據實際情況進行考慮。