在javascript中访问div的高度

Question

我有一个div：

CSS

    div { width: 200px; height:auto }

标记

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

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

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

Answer 1

您可能需要尝试.innerHeight()或.outerHeight()，具体取决于您的需求。

Answer 2

尝试使用

$('div').innerHeight()

或

$('div').outerHeight()

Answer 3

试试这个

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

Answer 4

返回 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值。