Javascript 如何使用.removeChild（）删除具有不同ID的多个子元素？

我正在建造一座河内塔。当用户单击一个带有数字的按钮时，我试图使块消失。当页面加载时，有10个块，但当用户单击8按钮时，我希望删除最大的两个块

HTML：

<div class="pillon-1">
  <div id="percent-100"></div><!--
  --><div id="percent-90"></div><!--
  --><div id="percent-80"></div><!--
  --><div id="percent-70"></div><!--
  --><div id="percent-60"></div><!--
  --><div id="percent-50"></div><!--
  --><div id="percent-40"></div><!--
  --><div id="percent-30"></div><!--
  --><div id="percent-20"></div><!--
  --><div id="percent-10"></div>
</div>

非常感谢您的帮助。

去除后测； 功能移除后测试{ var els=document.querySelectorAll*[id^='percent-']； 弗雷阿谢尔酒店{ el.innerHTML=el.id； } } 功能八块{ document.getElementById'percent-90'。删除； document.getElementById'percent-100'。删除； 返回false； } Element.prototype.remove=函数{ this.parentElement.removeChildthis； } 8 功能八块{ var$container=document.querySelector'.pillon-1' var$removable1=document.querySelector'.pillon-1%100' var$removable2=document.querySelector'.pillon-1%90' 如果$removable1$container.removeChild$removable1 如果$removable2$container.removeChild$removable2 } .皮隆-1{ 显示器：flex； 弯曲方向：立柱； } .pillon-1分区{ 宽度：200px； 高度：40px； 背景色：红色； 边框：1px纯白； } 100908070605040302010 8getElementById只接受一个ID，因此需要迭代

<button name="button" type="submit" id="btn-8" onclick="eightBlocks();">8</button>

function eightBlocks() {
  const el = document.getElementsByClassName('pillon-1')[0, 1];
  el.removeChild(document.getElementById('percent-100 percent-90'));
  return false;
}