How do you get div height in pure javascript?

Question

What is the equivalent to the below code in pure javascript?

 $('.div1').height($('.div2').height());

What have you tried so far? (This isn't difficult if you do a little bit of a google search.) — evolutionxbox, Feb 06 '17 at 13:00
Possible duplicate of [Get div height with plain JavaScript](http://stackoverflow.com/questions/15615552/get-div-height-with-plain-javascript) — Arkej, Feb 06 '17 at 13:01
Possible duplicate of [How do you get the rendered height of an element?](https://stackoverflow.com/questions/526347/how-do-you-get-the-rendered-height-of-an-element) — Penny Liu, Aug 06 '19 at 15:20

score 8 · Accepted Answer · answered Feb 06 '17 at 13:03

8

That will be the following:

document.querySelector(".div1").style.height = window.getComputedStyle(document.querySelector(".div2")).height;

answered Feb 06 '17 at 13:03

Technohacker

735
5
19

score 0 · Answer 2 · edited Feb 06 '17 at 13:34

0

Using document.getElementsByClassName

var height = document.getElementsByClassName("div1")[0].style.height;
document.getElementsByClassName("div2")[0].style.height = height;

edited Feb 06 '17 at 13:34

Z-Bone

1,534
1
10
14

answered Feb 06 '17 at 13:03

satchcoder

797
5
11

1

If the height CSS style is not set, .style.height is an empty string – Technohacker Feb 06 '17 at 13:04

score 0 · Answer 3 · answered Feb 06 '17 at 13:03

Loop through all the elements with the class name, setting them all to the desired height. Like this:

var div1s = document.getElementsByClassName(".div1");
var height = document.getElementsByClassName(".div2")[0].height;
for (int i = 0; i < div1s.length; i++) {
     div1s[i].height = height;
}

How do you get div height in pure javascript?

3 Answers3