javascript - 获取特定 div 的宽度并用作另一个 div 的高度？

Question

我有两个div。#divA 和 #divB。

#divA 的宽度为 100%，我想获取 div 的 px 值并将其应用于 #divB，因为它是 CSS 的高度。我试过使用 .offsetWidth 但无济于事。有谁能够帮助我？

Answer 1

使用 .css('width') 保持单位完整（例如：400px），使用 .width() 仅获取用于数学计算的数值（例如：400）。

对于你正在做的事情：

var divAWidth = $('#divA').css('width');
$('#divB').css('height', divAWidth);

如果你得到数学：

var divAWidthNumber = $('#divA').width();
var halfThatWidth = divAWidthNumber / 2;

Answer 2

如果你不想使用 jQuery：

var getwidth = document.getElementById("div1").style.width;
document.getElementById("div").style.height = getWidth;

使用 jQuery

var getwidth = $("#div1").width();

编辑

$("#div").height(getwidth);