JavaScript中获取div的高度

Question

I have a div :

css

    div { width: 200px; height:auto }

标记语言

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

现在我应该怎么在JavaScript中访问上面那个div的高度（数值）？我尝试使用$('div').height() 和 $('div').css("height");，但两者都返回auto。

- Tom Rider

---

两个都可以正常工作。http://jsfiddle.net/sySFk/ - Musa

Answer 1

您可能想尝试使用.innerHeight()或.outerHeight()，具体取决于您想要的内容。

- user1047100

Answer 2

尝试使用

$('div').innerHeight()

或者

$('div').outerHeight()

- Michael Cheung

Answer 3

试一下

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

- Yograj Gupta

Answer 4

返回数字高度值：

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

- Ema.H