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