javascript - 在javascript中访问div的高度

Question

我有一个 div ：

css

    div { width: 200px; height:auto }

标记

   <div contenteditable="true"> Text is editable </div>

现在我应该怎么做才能height ( numeric value )在 javascript 中访问上述 div ？我试过了

$('div').height()&$('div').css("height");都返回auto。

score 7 · Accepted Answer

7

您可能想尝试.innerHeight()或.outerHeight()，这取决于您想要什么。

于 2012-07-16T08:06:08.527 回答

score 1 · Accepted Answer

1

尝试使用

$('div').innerHeight()

或者

$('div').outerHeight()

于 2012-07-16T08:07:36.013 回答

score 1 · Accepted Answer

尝试这个

var divs = document.getElementsByTagName('div');
if(divs.length>0)
     divs[0].offsetHeight;

score 0 · Accepted Answer

返回NUMERIC 高度值：

document.getElementsById('myElementId').offsetHeight; // Without jQuery

$('#myElementId').outerHeight(); // With jQuery

注 1：outerHeight(true) 返回包含边距和内边距的大小，更多信息请参见http://api.jquery.com/outerHeight/

注意 2：innerHeight() 返回匹配元素集中第一个元素的当前计算高度，包括填充但不包括边框。

注 3： $('div').height() 或 $('div').css("height") 仅返回 css 值。

4 回答 4