Tengo el siguiente elemento div. Quiero poder cambiar los atributos de height y overflow mediante programación. Traté de cambiar la altura como se muestra a continuación, pero no cambia.
Por favor, hágame saber cómo cambiar la height y el overflow programación.
Mecanografiado/JavaScript :
document.getElementById('select-layer-overlay').style.height = '200px'HTML/Angular
<div id="select-layer-overlay" style="height: 360px;overflow: auto;" *ngIf="showSelectLayers && selectedSite!=null">Revisé lo mismo y funciona para mí, pero dado que está utilizando Angular, no es preferible actualizar DOM refiriendo directamente los elementos como este, en su lugar, puede proporcionar un nombre de clase y, en función de eso, puede alternar la altura y propiedades de desbordamiento.
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>