如何以编程方式改变溢出和高度

Question

我有下面的div元素。我想能够改变height和overflow属性编程。我试着改变高度，如下图所示，但它没有改变。

请告诉我如何通过编程改变height和overflow。

打印稿/JavaScript:

document.getElementById('select-layer-overlay').style.height = '200px'

HTML/角

<div id="select-layer-overlay" style="height: 360px;overflow: auto;" *ngIf="showSelectLayers && selectedSite!=null">

Answer 1

我检查了相同的，它是为我工作，但由于你使用的是Angular，它是不可取的更新DOM直接引用这样的元素，相反，你可以提供一个类名，并根据它可以切换高度和溢出属性。

var btn = document.getElementById('btn');
btn.addEventListener('click', function() {
document.getElementById('select-layer-overlay').style.height = '200px';
})

#select-layer-overlay {
border: 1px solid #ddd;
}

<div id="select-layer-overlay" style="height: 300px;overflow: auto;" >Hello</div>
<button id="btn">Click</button>