Tengo una cantidad de elementos de diferentes tamaños en una página, todos con la misma clase de .margin-top-auto
No puedo saber las alturas de los elementos hasta que se carga la página.
Necesito agregar {margin-top = the height of each element} a estos elementos al cargar la página.
Buscando un fragmento jQuery/Vanilla que lograría esto por mí.
Muchas gracias.
Puede obtener el offsetHeight del elemento:
const height = div.offsetHeight; div.style.marginTop = height + 'px' console.log(height) #div{ background-color:black; height:100px; width:100px; } <div id="div"></div>Para apuntar a múltiples elementos, puede hacer lo siguiente:
document.querySelectorAll('.margin-top-auto').forEach(e => e.style.marginTop = e.offsetHeight + 'px') .margin-top-auto{ height:100px; width:100px; background-color:black; } .row{ display:flex; } <div class="row"> <div class="margin-top-auto"></div> <div class="margin-top-auto"></div> <div class="margin-top-auto"></div> </div>