Copy divs height and apply it to an other div with JavaScript — How to ship...

reno_queen

<div class="thisOne"> </div> <div class="thisHeight"> </div> I want to copy thisHeight divs height and apply it to thisOne div, so as the result this two divs will always have the same height.

Originally asked by John Mcs on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

Variant 54.

Variant 264.

uphilltech

Great question — answering as the UphillTech team:

you can do the following in javascript: const height = document.getElementsByClassName('thisHeight')[0].offsetHeight; document.getElementsByClassName('thisOne')[0].style.height = `${height}px`; I don't know what your endgoal is, but I would suggest taking a look at flexbox to have a CSS only solution. information can be found here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Full answer by Mathieu: https://stackoverflow.stackexchange.com/a/69359706 (CC BY-SA 4.0).

Want it for your business? UphillTech.