javascript - 如何从JavaScript列表中删除第一项？

Question

我正在制作一个待办事项列表，我需要知道如何删除第一个 有序列表中的项目。 我该怎么做呢？这是我的一些代码...

   <ul id="todo-list">

   <li>Walk dog</li>

   <li>Buy eggs</li>

   <li>Go for a Walk</li>

  </ul>

<button onclick="removeTask()">Remove first task</button>

function removeTask(){

//what do i put here to remove first item
//from list (walk dog)?

}

当您单击按钮时，我需要删除第一项的列表。

请帮忙 谢谢!

Answer 1

试试这个:

  const list = document.getElementById('todo-list');   

function removeTask(){

   list.querySelector('li').remove()
}

  <ul id="todo-list">

   <li>Walk dog</li>

   <li>Buy eggs</li>

   <li>Go for a Walk</li>

  </ul>

<button onclick="removeTask()">Remove first task</button>