获得Div高度并适用于风格

Question

我已经设法将各种来源的代码粘在一起，但现在我完全卡住了！

$(document).ready(function(){
var return_height = $("#columns").outerHeight();
var a = document.getElementsByTagName('p');
a[0].innerHTML += return_height;
});

当前代码将返回第一个'p'标记内的值。我需要在这样的特定div上返回值;

<div id="column-container" style="height: return_height ">

我将如何实现这一目标？

Answer 1

使用JavaScript

document.getElementById("column-container").style.height = return_height + "px";

使用jQuery

$("#column-container").height(return_height);

Answer 2

您可以使用jQuery的.css()方法设置div的高度：

$(document).ready(function(){
    $('#column-container').css('height', $("#columns").outerHeight());
});

.height()也有效：

$(document).ready(function(){
    $('#column-container').height($("#columns").outerHeight());
});

Answer 3

试试这个：

 var return_height = $("#columns").outerHeight();
 $('#column-container').height(return_height);