링크를 사용하여 HTML5 및 자바 스크립트를 사용하여 페이지에서 목록 항목 제거

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> 

자바 스크립트 :

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.