你如何在纯 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;
}