javascript - 如何在运行时调整 DOM 元素的大小

Question

在 Angular 2 项目中，我试图调整通过 id 检索的 DOM 元素的大小。 我设置的大小如下所示，我没有观察到任何变化。 我缺少哪一步？

        document.getElementById('my_grid').setAttribute("style","height:600px");

Answer 1

不要这样使用。您可以使用 Angular 2 功能。

1. 您可以使用 [style.height.px]="modelvalue"
2. 第二种方式，你可以使用<div #mydiv>在 html 中并在组件中使用 @ViewChild

例子

@ViewChild mydiv;

resizeDiv() {
    this.mydiv.nativeElement...
}