javascript - 如何删除div中的最后3个div

Question

使用原生 javascript 删除 div 中的最后 3 个 div

它首先应该是这样的:

<div id="name">
      <div>one</div>
      <div>two</div>
      <div>three</div>
      <div>four</div>
      <div>five</div>
</div>

删除后:

<div id="name">
      <div>one</div>
      <div>two</div>
</div>

我尝试通过为它们分配单独的 ID 名称来删除它，但由于它不断变化和改组，因此无法跟踪变化。

Answer 1

最后三个可以在节点列表(转数组时)用.slice(-3)来识别:

const parent = document.querySelector("#name");
[...parent.children].slice(-3).forEach(parent.removeChild.bind(parent));

<div id="name">
      <div>one</div>
      <div>two</div>
      <div>three</div>
      <div>four</div>
      <div>five</div>
</div>