在元素上的 ie11/Edge 中设置宽度 - 在严格模式下不允许分配给只读属性

Question

我正在选择一个元素，我需要根据某些规则更改元素的大小，所有这些在主要浏览器中都可以正常工作，但在 ie11/Edge 中它不起作用。

this.visContainer = this.$element[0].querySelector('.am-visualization-render-area__vis-container');

这是出错的地方我试图将值设置为只读属性

 const visContainerBounds = this.visContainer.getBoundingClientRect();
 visContainerBounds.width -= this.marginHorizontal;
 visContainerBounds.height -= this.marginVertical;

这将返回错误

严格模式下不允许分配给只读属性

我也试过

this.visContainer.clientWidth -= this.marginHorizontal;
this.visContainer.clientHeight -= this.marginVertical;
const visContainerBounds = this.visContainer.getBoundingClientRect();

现在根据我的发现，这是由 ie 和 edge 遵循 ECMAScript5 标准引起的，而 chrome ff safari 不在这种情况下。

我的问题是如何在不抛出此错误的情况下设置元素宽度的值？任何帮助表示赞赏。

Answer 1

不能直接设置样式吗；喜欢：

this.visContainer.style.width="100px";