Intento ajustar la altura de un div, en función de la altura de otro div. Parece bastante simple... Pero desafortunadamente, no funciona. Así que por favor dame una mano en esto. Aquí está mi código:
anderblokhoogte = document.getElementById('slider-gaea'); var curblok = document.getElementById('curiculum'); curblok.clientHeight = anderblokhoogte.clientHeight + 'px !important';Probé que el elemento 'slider-gaea' existe, pero la altura del cliente de 'anderblokhoogte' difiere de la altura que veo al inspeccionar este elemento. Pero también, el ajuste de curblok.clientHeight no da un cambio en la altura del elemento de destino.
Ya probé algunas opciones (otras propiedades como 'style.height', 'offsetHeight') pero no tengo idea de qué error cometí.
anderblokhoogte = document.getElementById('slider-gaea'); var curblok = document.getElementById('curiculum'); document.getElementById('curiculum').style.height = anderblokhoogte.clientHeight + 'px'; <div id="slider-gaea" style="height:100px;"> First Div Block </div> <div id="curiculum"> Second Div Block</div> No puede establecer la altura usando .clientHeight en su lugar, use .style.height y también debe perder el !important al final.
Element.clientHeight es una propiedad de solo lectura.
Nota : Si bien HTMLElement.style también es una propiedad de solo lectura, es posible establecer un estilo en línea asignando una cadena directamente a la propiedad de estilo (consulte el ejemplo anterior).