Get width of specific div and use as another div's height?

Question

I have two div's. #divA & #divB.

#divA has a width of 100% and I want to get the px value of the div and apply it to #divB as it's height CSS. I've tried using .offsetWidth but to no avail. Can anybody help me?

Answer 1

use .css('width') to keep units intact (ex: 400px), use .width() to get just the numerical value (ex: 400) for use in mathematical computations.

for what you're doing:

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

if you're getting mathematical:

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

Answer 2

If you don't want to use jQuery:

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

With jQuery

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

EDIT

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