使用js将一个div的高度设置为与另一个div相同的高度

Question

I'm trying to set the height of a div to the same height as another div using this

var aboutheight=document.getElementById('about').offsetHeight;
document.getElementById('sampledogs').setAttribute("style","height:aboutheight");

But the height stays the same! Can anyone help?

Thanks

Answer 1

I like jQuery for this problem its simple and easy to read:

$('#sampledogs').height($('#about').height());

I find enough uses for jquery simplicity to include it in just about any project using javascript that I do. Makes working with the DOM much easier.

Answer 2

JavaScript ain't inserting variables in strings. You need to concat it:

document.getElementById('sampledogs').setAttribute("style", "height:" + aboutheight);
// or better
document.getElementById('sampledogs').style.height = aboutheight;