使用鏈接從頁面中刪除使用HTML5和Javascript的列表項目

Question

我想創建一個鏈接，將刪除鏈接上方的ul中的兩個列表項。我是新來的，感謝任何幫助！

Answer 1

這個問題非常含糊，但這是我在JavaScript中通過鏈接實現的。

HTML：

<ul id="my_list"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
</ul> 
<a href="#" id="delete_items">click to remove item</a> 

的JavaScript：

function deleteItems() { 
    var item_list = document.querySelectorAll("ul#my_list li"); 
    if (item_list.length >= 2) { 
    item_list[0].parentNode.removeChild(item_list[0]); 
    item_list[1].parentNode.removeChild(item_list[1]); 
    } else if (item_list.length == 1) { 
    item_list[0].parentNode.removeChild(item_list[0]); 
    } 
} 

var delete_link = document.getElementById('delete_items'); 
delete_link.onclick = deleteItems; 

Codepen鏈接here。