你如何在纯JavaScript中获得div高度？

Question

与纯javascript中的以下代码相同的是什么？

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

Answer 1

这将是以下内容：

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

Answer 2

使用document.getElementsByClassName

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

Answer 3

使用类名循环遍历所有元素，将它们全部设置为所需的高度。像这样：

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