Question

我知道如何从列表中删除所有元素。我不知道如何删除一个项目。假设我要删除无序列表的第3个列表项

。假设我有以下内容：

          <ul id="parent">
    <li>
      <label>this is the fist item</label>
    </li>
    <li>
      <label>this is the second item</label>
    </li>
    <li>
       <label>this is the third item</label>
    </li>
    <li>
        <label>this is the fourth item</label>
    </li>
          </ul>

删除第一个孩子或最后一个孩子的大使馆。我正在构建的列表是动态构建的，如果我可以删除第n个孩子将会很好。如果我能做像document.getElementById（“someElemet”）这样的事情会很好。删除

Answer 1

var ul = document.getElementById('parent');
var liToKill = ul.childNodes[2];
liToKill.parentNode.removeChild( liToKill );
// or ul.removeChild( ... )

Answer 2

删除第3项（索引编号2）的示例代码：

document.getElementById("parent").removeChild(document.getElementById("parent").children[2]);

如何使用javascript删除列表中的第n个元素

2 个答案: