打字稿：如何使用div封装HTML元素

Question

我有一个应该具有x轴滚动的元素，但是直到我用具有溢出x的div包裹该元素时才有可能滚动：

ngAfterViewInit() {
  this.createOverflowX();
}

createOverflowX() {
 const query = "[ngx-charts-x-axis]";
 const original = this.elementRef.nativeElement.querySelector(query);
 const parent = original.parentNode;

 var container = document.createElement("div");
 container.setAttribute("overflow-x", "scroll");
 container.appendChild(original);

 parent.removeChild(original.firstElementChild);
 parent.appendChild(container);
}

我想使用一个具有溢出x的div来包装元素，但出现错误：“无法在'Node'上执行'removeChild'：要删除的节点不是该节点的子节点。”