リンクを使用してHTML5とJavascriptを使用してページからリスト項目を削除する

Question

リンクの上にあるulから2つのリスト項目を削除するリンクを作成しようとしています。私はこれで新しいと任意の助けを感謝します！

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。